*{
	margin:0;
	padding: 0;
}
html{font-size: 100px; font-family: "微软雅黑"}
li{ list-style: none}
a{ list-style: none; text-decoration: none; color: #3E3A39}
/*预加载动画*/
.alert_page{

	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.5;
	z-index: 100;
	text-align: center;
	color: white;
	font-size: 0.24rem;
	font-family: '微软雅黑'
}
.alert_box{
	overflow: hidden;
	position: relative;
}
.pic_load{
	width: 50%;
	position: absolute;
	left: 50%;
	margin-left: -25%;
}

.spinner {
  margin:  auto 0;
  text-align: center;
}
.spinner{
	width: 50%;
	margin-top: 25%;
	margin-left: auto;
	margin-right: auto;
}
.spinner > div {
  width: 30px;
  height: 30px;
  background-color: white;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*预加载动画结束*/
.bigbox{
	overflow: auto;
	position: relative;
	overflow: hidden;
}
.box{
	overflow: hidden;
	position: relative;
}
.xian{
	display: block;position: absolute;left: 0rem;bottom: -0.3rem;width:94rem;
	height:3.9rem;background-image: url('../images/xian3.png');background-size: 137% 100%;}
/*.box_bj{
	width: 115.2rem;
	height: 4rem;
	background-image: url('../images/xian.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left: 0rem;
	bottom: 1rem;
}*/
.page{
	float:left;background-image: url('../images/bac.png'); background-size: 100%;}
.car{
	width: 50px;
	height: 50px;
	background-color: black;
	position: absolute;
	left: 50%;
}
.logo{
	width:2.5rem;height: 0.5rem;background-image: url("../images/logo.png");background-size:100% 100%;
	background-position: center;position: fixed;left: 50%;top:2%;margin-left: -1.25rem;display: none;
	animation: logo 1s;
}
@keyframes logo{
	from{
		transform: scale(0.8,0.8);
		-webkit-transform: scale(0.8,0.8);
		opacity: 0.2
	}
	to{
		transform: scale(1,1);
		-webkit-transform: scale(1,1);
		opacity: 1
	}
}
.xianyi{
	position: absolute;
	left:50%;
	bottom: 0.8rem;
	margin-left: -5rem;
	width: 10rem;
	height: 0.5rem;
	background-image: url('../images/xianyi.png');
	background-position: center;
	background-size: 100% 100%;
}
.xianer{
	position: absolute;
	left:50%;
	bottom: 0.25rem;
	margin-left: -5rem;
	width: 10rem;
	height: 2rem;
	background-image: url('../images/xianer.png');
	background-position: center;
	background-size: 100% 100%;
	opacity: 0.8
}
.xiansan{
	position: absolute;
	left:50%;
	bottom:1.35rem;
	margin-left: -5rem;
	width: 10rem;
	height: 2rem;
	background-image: url('../images/xiansan.png');
	background-position: center;
	background-size: 100% 100%;
	opacity: 0.8
}
.xiansi{
	position: absolute;
	left:50%;
	bottom:0.3rem;
	margin-left: -5rem;
	width: 10rem;
	height: 2rem;
	background-image: url('../images/xiansi.png');
	background-position: center;
	background-size: 100% 100%;
	opacity: 0.8
}
.xianwu{
	position: absolute;
	left:50%;
	bottom:0.3rem;
	margin-left: -5rem;
	width: 10rem;
	height: 2rem;
	background-image: url('../images/xianwu.png');
	background-position: center;
	background-size: 100% 100%;
	opacity: 0.8
}
.xianliu{
	position: absolute;
	left:50%;
	bottom:0.3rem;
	margin-left: -5rem;
	width: 10rem;
	height: 2rem;
	background-image: url('../images/xianliu.png');
	background-position: center;
	background-size: 100% 100%;
	opacity: 0.8
}
.xianqi{
	position: absolute;
	left:50%;
	bottom:0.3rem;
	margin-left: -5rem;
	width: 10rem;
	height: 2rem;
	background-image: url('../images/xianqi.png');
	background-position: center;
	background-size: 100% 100%;
	opacity: 0.8
}

/*小汽车外部轨迹参考框*/
.carbigbox{
	position: fixed;
	left: 0;
	top: 0;
}
.carbox{
	width:4.5rem;
	height: 1.65rem;
	background-image: url("../images/car.png");
	background-position: center;
	background-size: 100% 100%;
	position: absolute;
	bottom:1.3rem;
	left: -6rem;
	transform-origin:50% 100%;
	-webkit-transform-origin:50% 100%;
	z-index: 100
}
.carbox_on{
	animation: carbox 0.3s infinite;
	-webkit-animation: carbox 0.3s infinite;
}
@keyframes carbox{
	0%{
		bottom:1.305rem;

	}
	100%{
		bottom:1.295rem;

	}
}
@-webkit-keyframes carbox{
	0%{
		bottom:1.305rem;

	}
	100%{
		bottom:1.295rem;

	}
}
.wheelbox{
	position: relative;
}
.wheel1{
	position: absolute;width: 1.71rem;height: 1.63rem;left:3.1rem;top: 0.46rem;background-image: url("../images/wheel1.png");
	background-position: center;background-size: 100% 100%;transform: scale(0.5,0.5);-webkit-transform: scale(0.5,0.5);
}
.wheel1_on{
	animation: wheel1 0.4s infinite;
	-webkit-animation: wheel1 0.4s infinite;
}
@keyframes wheel1{
	0%{
		transform: rotateZ(120deg) scale(0.5,0.5) ;
		-webkit-transform: rotateZ(120deg) scale(0.5,0.5) ;

	}
	50%{
		transform: rotateZ(240deg) scale(0.5,0.5);
		-webkit-transform: rotateZ(240deg) scale(0.5,0.5);

	}
	100%{
		transform: rotateZ(360deg) scale(0.5,0.5);
		-webkit-transform: rotateZ(360deg) scale(0.5,0.5);

	}
}
@-webkit-keyframes wheel1{
	0%{
		transform: rotateZ(120deg) scale(0.5,0.5) ;
		-webkit-transform: rotateZ(120deg) scale(0.5,0.5) ;

	}
	50%{
		transform: rotateZ(240deg) scale(0.5,0.5);
		-webkit-transform: rotateZ(240deg) scale(0.5,0.5);

	}
	100%{
		transform: rotateZ(360deg) scale(0.5,0.5);
		-webkit-transform: rotateZ(360deg) scale(0.5,0.5);

	}
}
.wheel2{
	position: absolute;width: 1.71rem;height: 1.63rem;left: 1.75rem;top: 0.4rem;background-image: url("../images/wheel2.png");background-position: center;
	background-size: 100% 100%;transform: scale(0.64,0.64);-webkit-transform: scale(0.64,0.64);
}
.wheel2_on{
	animation: wheel2 0.4s infinite;-webkit-animation: wheel2 0.4s infinite;
}
@keyframes wheel2{
	0%{
		transform: rotateZ(120deg) scale(0.64,0.64);
		-webkit-transform: rotateZ(120deg) scale(0.64,0.64);

	}
	50%{
		transform: rotateZ(240deg) scale(0.64,0.64);
		-webkit-transform: rotateZ(240deg) scale(0.64,0.64);

	}
	100%{
		transform: rotateZ(360deg) scale(0.64,0.64);
		-webkit-transform: rotateZ(360deg) scale(0.64,0.64);

	}
}
@-webkit-keyframes wheel2{
	0%{
		transform: rotateZ(120deg) scale(0.64,0.64);
		-webkit-transform: rotateZ(120deg) scale(0.64,0.64);

	}
	50%{
		transform: rotateZ(240deg) scale(0.64,0.64);
		-webkit-transform: rotateZ(240deg) scale(0.64,0.64);

	}
	100%{
		transform: rotateZ(360deg) scale(0.64,0.64);
		-webkit-transform: rotateZ(360deg) scale(0.64,0.64);
	}
}
.wheel3{
	position: absolute;width: 1.71rem;height: 1.63rem;left: 0.6rem;top: 0.53rem;background-image: url("../images/wheel3.png");
	background-position: center;background-size: 100% 100%;transform: scale(0.41,0.41);-webkit-transform: scale(0.41,0.41);}
.wheel3_on{
	animation: wheel3 0.4s infinite;
}
.wheel3_on{
	-webkit-animation: wheel3 0.4s infinite;
}
@keyframes wheel3{
	0%{
		transform: rotateZ(120deg) scale(0.41,0.41);

	}
	50%{
		transform: rotateZ(240deg) scale(0.41,0.41);

	}
	100%{
		transform: rotateZ(360deg) scale(0.41,0.41);

	}
}
@-webkit-keyframes wheel3{
	0%{
		-webkit-transform: rotateZ(120deg) scale(0.41,0.41);

	}
	50%{
		-webkit-transform: rotateZ(240deg) scale(0.41,0.41);

	}
	100%{
		-webkit-transform: rotateZ(360deg) scale(0.41,0.41);

	}
}
.wheel4{
	position: absolute;width: 1.71rem;height: 1.63rem;left: -0.4rem;top: 0.53rem;background-image: url("../images/wheel4.png");
	background-position: center;background-size: 100% 100%;transform: scale(0.41,0.41);-webkit-transform: scale(0.41,0.41);}
.wheel4_on{
	animation: wheel4 0.4s infinite;
}
.wheel4_on{
	-webkit-animation: wheel4 0.4s infinite;
}
@keyframes wheel4{
	0%{
		transform: rotateZ(120deg) scale(0.41,0.41);

	}
	50%{
		transform: rotateZ(240deg) scale(0.41,0.41);

	}
	100%{
		transform: rotateZ(360deg) scale(0.41,0.41);

	}
}
@-webkit-keyframes wheel4{
	0%{
		-webkit-transform: rotateZ(120deg) scale(0.41,0.41);

	}
	50%{
		-webkit-transform: rotateZ(240deg) scale(0.41,0.41);

	}
	100%{
		-webkit-transform: rotateZ(360deg) scale(0.41,0.41);

	}
}
.smokebox{
	position: relative;
}
.smoke{
	width: 0.56rem;
	height: 0.87rem;
	left: 3.4rem;
	top: -0.85rem;
	background-image: url("../images/smoke.png");
	background-position: center;
	background-size: 100% 100%;
	position: absolute;

	/*transform: rotateZ();*/
	animation: smoke 0.6s infinite;
	-webkit-animation: smoke 0.6s infinite;
}
@keyframes smoke{
	0%{
		width: 0.56rem;
		height: 0.87rem;
		left: 3.4rem;
		top: -0.7rem;
		transform: scale(0.6,0.6);
	}
	50%{
		width: 0.56rem;
		height: 0.87rem;
		left: 3.39rem;
		top: -0.8rem;
		transform: scale(0.8,0.8);
		opacity: 0.6
	}
	100%{
		width: 0.56rem;
		height: 0.87rem;
		left: 3.38rem;
		top: -0.85rem;
		opacity: 0.2
	}
}
@-webkit-keyframes smoke{
	0%{
		width: 0.56rem;
		height: 0.87rem;
		left: 3.4rem;
		top: -0.7rem;
		-webkit-transform: scale(0.6,0.6);
	}
	50%{
		width: 0.56rem;
		height: 0.87rem;
		left: 3.39rem;
		top: -0.8rem;
		-webkit-transform: scale(0.8,0.8);
		opacity: 0.6
	}
	100%{
		width: 0.56rem;
		height: 0.87rem;
		left: 3.38rem;
		top: -0.85rem;
		opacity: 0.2
	}
}
.people_box{
	position: relative;
}
/*小人*/
.people1{
	display: none;
	position: absolute;
	left:7.3rem;
	bottom:1.85rem;
}
.people1 img{
	width: 2.63rem;
	height: 3.24rem;

	display:block;
}
.people2{
	position: absolute;
	left: 6.6rem;
	top:-8rem;
	z-index: 30;
}
.people2 img{
	width:0.94rem;
	height: 3.22rem;
	display:block;
}
.people3{
	position: absolute;
	left:5.8rem;
	top:-8rem;
	/*z-index: 18*/
}
.people3 img{
	width:1.36rem;
	height: 4rem;
	display:block;
}
.people4{
	position: absolute;
	left:5.2rem;
	top:-8rem;
	z-index: 16
}
.people4 img{
	width:1.04rem;
	height: 3.82rem;
	display:block;
}
.people5{
	position: absolute;
	left: 5.3rem;
	top:-8rem;
	z-index: 20
}
.people5 img{
	width:0.96rem;
	height: 3.13rem;
	display:block;
}
.people6{
	position: absolute;
	left: 6.3rem;
	top:-8rem;
	/*z-index: 10;*/
}
.people6 img{
	width:1.78rem;
	height: 4.73rem;
	display:block;
}
.people7{
	position: absolute;
	left: 5.5rem;
	top:-8rem;
}
.people7 img{
	width:1.4rem;
	height: 4.61rem;
	display:block;
}
.people8{
	position: absolute;
	left:3.8rem;
	top:-8rem;
}
.people8 img{
	width:2.93rem;
	height: 4.73rem;
	display:block;
}
.people9{
	position: absolute;
	left:6rem;
	top:-8rem;
	/*z-index: 20*/
}
.people9 img{
	width:1.59rem;
	height: 3.53rem;
	display:block;
}
.ju1{
	font-size: 0.3rem;
	font-family: "simhei";
	font-weight: bold;
	transform: rotateZ(-10deg);
	-webkit-transform: rotateZ(-10deg);
	position: absolute;
	left: 7rem;
	top: -3rem;
	opacity: 0;
	/*bottom:3rem;*/
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	animation: ju1_show 1.2s infinite;
	-webkit-animation: ju1_show 1.2s infinite;
}
@keyframes ju1_show{
	from{

		opacity: 0.4;

		transform:scale(1.05) rotateZ(-10deg);
	}
	to{

		transform:scale(1.1) rotateZ(-10deg);
		opacity:1;
	}
}
@-webkit-keyframes ju1_show{
	from{
		-webkit-transform:scale(1.05) rotateZ(-10deg);
		opacity: 0.4;
	}
	to{
		-webkit-transform:scale(1.1) rotateZ(-10deg);
		opacity: 1;
	}
}
.ju1_on{
	opacity: 1;
}
.ju2{
	font-size: 0.3rem;
	font-family: "simhei";
	position: absolute;
	left: 7rem;
	top: -3rem;
	opacity: 0;
	transform: rotateZ(4deg);
	-webkit-transform: rotateZ(4deg);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	animation: ju2_show 1.2s infinite;
	-webkit-animation: ju2_show 1.2s infinite;
}
@keyframes ju2_show{
	from{
		transform:scale(1.05) rotateZ(6deg);
		opacity: 0.8;
	}
	to{
		transform:scale(1.1) rotateZ(6deg);
		opacity: 0.4;
	}
}
@-webkit-keyframes ju2_show{
	from{
		-webkit-transform:scale(1.05) rotateZ(10deg);
		opacity: 0.8;
	}
	to{
		-webkit-transform:scale(1.1) rotateZ(10deg);
		opacity: 0.2;
	}
}
.ju2_on{
	opacity: 1;
}
.go{ position: absolute; left: 5.3rem; bottom: 3.5rem; width:0.8rem; height: 0.5rem;opacity: 0; }
.go_on{animation: go1 1s infinite;-webkit-animation: go1 1s infinite;}
@keyframes go1{
	from{
		transform: scale(0.8);
		opacity: 0.6;
	}
	to{
		transform: scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes go1{
	from{
		-webkit-transform:scale(0.8);
		opacity: 0.6;
	}
	to{
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
.line1{
	width: 0.01rem;
	height: 1rem;
	transform: rotateZ(-55deg);
	-webkit-transform: rotateZ(-55deg);
	transform:scale(0.6);
	-webkit-transform:scale(0.6);
	position: absolute;
	left: 7rem;
	top: -4rem;
	background-color: black;
	opacity: 0;
	animation: line1 0.1s infinite;
	-webkit-animation: line1 0.1s infinite;
}
.line1_on{
	opacity: 1;
}
@keyframes line1{
	from{
		transform: rotateZ(56deg);
		opacity: 0.8;
	}
	to{
		transform: rotateZ(52deg);
		opacity: 0.2;
	}
}
@-webkit-keyframes line1{
	from{
		-webkit-transform: rotateZ(56deg);
		opacity: 0.8;
	}
	to{
		-webkit-transform: rotateZ(52deg);
		opacity: 0.2;
	}
}
.line2{
	width: 0.01rem;
	height: 1rem;
	transform: rotateZ(48deg);
	-webkit-transform: rotateZ(48deg);
	position: absolute;
	left: 7rem;
	top: -4rem;
	background-color: black;
	opacity: 0;
	animation: line2 0.1s infinite;
	-webkit-animation: line2 0.1s infinite;
}
.line2_on{
	opacity: 1;
}
@keyframes line2{
	from{
		transform: rotateZ(-46deg);
		opacity: 0.8;
	}
	to{
		transform: rotateZ(-50deg);
		opacity: 0.2;
	}
}
@-webkit-keyframes line2{
	from{
		-webkit-transform: rotateZ(-46deg);
		opacity: 0.8;
	}
	to{
		-webkit-transform: rotateZ(-50deg);
		opacity: 0.2;
	}
}
/*下部进度线*/
.jingdu_box{
	position: fixed;
	width: 5rem;
	height: 1rem;
	left:55%;
	margin-left: -2.5rem;
	bottom:0.05%;
	overflow: hidden;
	color: white;
	opacity: 0;
	/*background-image: url('../images/guijier.png');*/
	background-position: center;
	background-size: 100% 100%;
	z-index: 10;
}
.jingdu_smallbox{
	width: 100%;
	height: 100%;
	position:relative;
}
.jingdu{
	width: 100%;
	height: 100%;

}
.jingdu li{
	list-style: none;
	float: left;
	width: 0.06rem;
	height:0.06rem;
	border-radius: 0.03rem;
	margin-left: 0.3rem;
	font-size: 0.12rem;
	border-radius: 0.03rem;
	background-color:#00a48b;
	text-align: center;
	line-height:0.2rem;
	cursor: pointer;
	position: relative;
}
.jingdu li span{
	width: 0.54rem;
	color:white;
	height: 0.22rem;
	line-height: 0.22rem;
	text-align: center;
	font-size: 0.12rem;
	border-radius: 0.04rem;
	background-color: #00a48b;
	/*opacity: 0;*/
}
.jingdu li:first-child{
	margin-top: 6%;
}
.jingdu li:first-child span{

	position: absolute;
	left:-0.3rem;
	top:-0.3rem;
	margin-top: 6%;
}
.jingdu li:nth-child(2){
	margin-top: 11%;
}
.jingdu li:nth-child(2) span{
	/*opacity: 0;*/
	position: absolute;
	left:-0.2rem;
	top:0.15rem;
	margin-top: 6%;
}
.jingdu li:nth-child(3){
	margin-top: 6.6%;
}
.jingdu li:nth-child(3) span{
	/*opacity: 0;*/
	position: absolute;
	left:-0.2rem;
	top:0.15rem;
	margin-top: 6%;
}
.jingdu li:nth-child(4){
	margin-top: 12%;
}
.jingdu li:nth-child(4) span{
	/*opacity: 0;*/
	position: absolute;
	left:-0.2rem;
	top:0.15rem;
	margin-top: 6%;
}
.jingdu li:nth-child(5){
	margin-top: 6.6%;
}
.jingdu li:nth-child(5) span{
	/*opacity: 0;*/
	position: absolute;
	left:-0.2rem;
	top:0.15rem;
	margin-top: 6%;
}
.jingdu li:nth-child(6){
	margin-top: 9.6%;
}
.jingdu li:nth-child(6) span{
	/*opacity: 0;*/
	position: absolute;
	left:-0.2rem;
	top:0.15rem;
	margin-top: 6%;
}
.jingdu li:nth-child(7){
	margin-top: 6%;
}
.jingdu li:nth-child(7) span{
	/*opacity: 0;*/
	position: absolute;
	left:-0.2rem;
	top:0.15rem;
	margin-top: 6%;
}
.jingdu li:nth-child(8){
	margin-top: 9.6%;
}
.jingdu li:nth-child(8) span{
	/*opacity: 0;*/
	position: absolute;
	left:-0.2rem;
	top:0.15rem;
	margin-top: 6%;
}
/*.jingdu li:last-child{
	position: relative;
}*/

.xiaodian{
	position: absolute;
	left: 0.29rem;
	top:0.3rem;
	width: 0.08rem;
	height: 0.08rem;
	background-color: white;
	border-radius: 0.04rem;
}
/*第二页*/
.page_two{
	position: relative;
	z-index: -10;
}
.wz_bj{
	width: 4rem;height: 1rem;background-image: url('../images/second_wzbj.png');background-size: 100% 100%;opacity: 0;
	position: absolute;left: 50%;bottom:5.1rem;margin-left: -2rem;
}

.wz{
	width:4rem;
	height: 1rem;
	background-image: url('../images/second_wz.png');
	background-size: 100% 100%;
	animation: wz1 1s infinite;
	-webkit-animation: wz1 1s infinite;
}
@keyframes wz1{
	0%{
		opacity: 0.4;
		transform: scale(0.9);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes wz1{
	0%{
		opacity: 0.4;
		-webkit-transform: scale(0.9);
	}
	100%{
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
.fourth_wz{ background-image: url('../images/fourth_wz.png');background-size: 100% 100%;}
.pinpai{
	overflow:hidden;

	/*margin-top: 23%;*/
	position: absolute;
	left: 50%;
	margin-left: -24%;
	bottom: 3rem;
}
.pinpai_one,.pinpai_two,.pinpai_three{
	transform: scale(0.5,0.5);
	-webkit-transform: scale(0.5,0.5);
	list-style: none;
	float: left;
	background-image: url('../images/pinpai.png');
	background-size: 100% 100%;
	width: 2.4rem;
	height: 2.4rem;
	opacity: 0;
	font-size: 0.8rem;
	font-family: "微软雅黑";
	text-align: center;
}
.pinpai_onebox,.pinpai_twobox,.pinpai_threebox{
	/*opacity: 0;*/
}
.pinpai_one span:first-child,.pinpai_two span:first-child,.pinpai_three span:first-child{
	color: #449db8;

}
.pinpai_one span:last-child,.pinpai_two span:last-child,.pinpai_three span:last-child{
	color: #e5595a;
}
.fangda{
	animation: fangda 0.5s;
	-webkit-animation: fangda 0.5s;
}
@keyframes fangda{
	30%{
		opacity: 0;
		transform: scale(0.8);
	}
	60%{
		opacity: 0.8
		transform: scale(1.2);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes fangda{
	30%{
		opacity: 0;
		-webkit-transform: scale(0.8);
	}
	60%{
		opacity: 0.8
		-webkit-transform: scale(1.2);
	}
	100%{
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
/*第三页*/

.page_three{
	position: relative;
}
.smallcar_box{
	position: relative;
}
.smallcar{
	width: 1.97rem;
	height: 0.75rem;
	background-image: url('../images/smallcar1.png');
	background-size: 100% 100%;
	position: absolute;
	/*left: 1rem;*/
	bottom:1.5rem;
	opacity: 0;
	/*transform-origin: 100% 50%;*/
}
.smallcar_donghua{
	animation: smallcar_donghua 0.3s infinite;
	-webkit-animation: smallcar_donghua 0.3s infinite
}
@keyframes smallcar_donghua{
	0%{
		bottom: 0.2rem;
	}
	30%{
		bottom: 0.198rem;
	}
	60%{
		bottom: 0.196rem;
	}
	90%{
		bottom: 0.194rem;
	}
}
@-webkit-keyframes smallcar_donghua{
	0%{
		bottom: 0.2rem;
	}
	30%{
		bottom: 0.198rem;
	}
	60%{
		bottom: 0.196rem;
	}
	90%{
		bottom: 0.194rem;
	}
}
.smallcar_donghua2{
	animation: smallcar_donghua2 0.3s infinite;
	-webkit-animation: smallcar_donghua2 0.3s infinite
}
@keyframes smallcar_donghua2{
	0%{
		bottom: 0.5rem;
	}
	30%{
		bottom: 0.498rem;
	}
	60%{
		bottom: 0.496rem;
	}
	90%{
		bottom: 0.494rem;
	}
}
@-webkit-keyframes smallcar_donghua2{
	0%{
		bottom: 0.5rem;
	}
	30%{
		bottom: 0.498rem;
	}
	60%{
		bottom: 0.496rem;
	}
	90%{
		bottom: 0.494rem;
	}
}
.smallcar_smokebox{height: 0.88rem;position: relative;}
.smallcar_smoke{
	width: 0.56rem;
	height: 0.87rem;
	position: absolute;
	/*left: 1.3rem;*/
	top:-0.6rem;
	background-image: url('../images/smoke.png');
	background-position: center;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	animation: smoke1 0.6s infinite;
	-webkit-animation: smoke1 0.6s infinite;
}
@keyframes smoke1{
	0%{
		width: 0.56rem;
		height: 0.87rem;

		top:-0.6rem;
		transform: scale(0.2,0.2);
		-webkit-transform: scale(0.2,0.2);
	}
	50%{
		width: 0.56rem;
		height: 0.87rem;

		top:-0.7rem;
		transform: scale(0.6,0.6);
		-webkit-transform: scale(0.6,0.6);
		opacity: 0.6
	}
	100%{
		width: 0.56rem;
		height: 0.87rem;
		top:-0.8rem;
		opacity: 0.2
	}
}
@-webkit-keyframes smoke1{
	0%{
		width: 0.56rem;
		height: 0.87rem;

		top:-0.6rem;
		transform: scale(0.2,0.2);
		-webkit-transform: scale(0.2,0.2);
	}
	50%{
		width: 0.56rem;
		height: 0.87rem;

		top:-0.7rem;
		transform: scale(0.6,0.6);
		-webkit-transform: scale(0.6,0.6);
		opacity: 0.6
	}
	100%{
		width: 0.56rem;
		height: 0.87rem;
		top:-0.8rem;
		opacity: 0.2
	}
}
.smallcar_smoke2{
	width: 0.56rem;
	height: 0.87rem;
	position: absolute;
	left: 2.4rem;
	top:0.5rem;
	background-image: url('../images/smoke.png');
	background-position: center;
	transform: scale(0.5);
	animation: smoke2 0.6s infinite;
	-webkit-transform: scale(0.5);
	-webkit-animation: smoke2 0.6s infinite;
}
@keyframes smoke2{
	0%{
		width: 0.56rem;
		height: 0.87rem;

		top:0.5rem;
		transform: scale(0.2,0.2);
		-webkit-transform: scale(0.2,0.2);
	}
	50%{
		width: 0.56rem;
		height: 0.87rem;

		top:0.3rem;
		transform: scale(0.6,0.6);
		-webkit-transform: scale(0.6,0.6);
		opacity: 0.6
	}
	100%{
		width: 0.56rem;
		height: 0.87rem;
		top:0.1rem;
		opacity: 0.2
	}
}
@-webkit-keyframes smoke2{
	0%{
		width: 0.56rem;
		height: 0.87rem;

		top:0.5rem;
		transform: scale(0.2,0.2);
		-webkit-transform: scale(0.2,0.2);
	}
	50%{
		width: 0.56rem;
		height: 0.87rem;

		top:0.3rem;
		transform: scale(0.6,0.6);
		-webkit-transform: scale(0.6,0.6);
		opacity: 0.6
	}
	100%{
		width: 0.56rem;
		height: 0.87rem;
		top:0.1rem;
		opacity: 0.2
	}
}
.smallwheelbox{
	position: relative;
	width: 3.28rem;
	height: 1.24rem;
}
.smallwheel1,.smallwheel2,.smallwheel3,.smallwheel4{
	position: absolute;
}
.smallwheel1{
	width: 0.33rem;
	height: 0.3rem;
	left: 1.58rem;
	top:-0.4rem;
	background-image: url('../images/smallwheel1.png');
	background-size: 100% 100%;
	background-position: center;
}
.smallwheel2{
	width: 0.40rem;
	height: 0.4rem;
	left: 0.93rem;
	top:-0.5rem;
	background-image: url('../images/smallwheel2.png');
	background-size: 100% 100%;
	background-position: center;
}
.smallwheel3{
	width: 0.23rem;
	height: 0.23rem;
	left: 0.53rem;
	top:-0.36rem;
	background-image: url('../images/smallwheel3.png');
	background-size: 100% 100%;
	background-position: center;
}
.smallwheel4{
	width: 0.23rem;
	height: 0.23rem;
	left: 0.09rem;
	top:-0.35rem;
	background-image: url('../images/smallwheel4.png');
	background-size: 100% 100%;
	background-position: center;
}
/*小车车轮*/
.smallwheel{
	animation: smallwheel 0.4s infinite;
	-webkit-animation: smallwheel 0.4s infinite;
}
@keyframes smallwheel{
	0%{
		transform: rotateZ(120deg);

	}
	50%{
		transform: rotateZ(240deg) ;

	}
	100%{
		transform: rotateZ(360deg);

	}
}
@-webkit-keyframes smallwheel{
	0%{
		-webkit-transform: rotateZ(120deg);

	}
	50%{
		-webkit-transform: rotateZ(240deg) ;

	}
	100%{
		-webkit-transform: rotateZ(360deg);

	}
}
.wheel1{width: 1.71rem;height: 1.63rem;background-image: url("../images/wheel1.png");transform:scale(0.5);-webkit-transform:scale(0.5);
 left: 3.1rem; top: -0.2rem;}
.wheel1_on{
	animation: firstwheel 0.4s infinite;-webkit-animation: firstwheel 0.4s infinite;-moz-animation: firstwheel 0.4s infinite;}
@keyframes firstwheel{
	0%{
		transform: rotateZ(120deg) scale(0.5,0.5);
		-webkit-transform: rotateZ(120deg) scale(0.5,0.5);
	}
	50%{
		transform: rotateZ(240deg) scale(0.5,0.5);
		-webkit-transform: rotateZ(240deg) scale(0.5,0.5);
	}
	100%{
		transform: rotateZ(360deg) scale(0.5,0.5);
		-webkit-transform: rotateZ(360deg) scale(0.5,0.5);
	}
}
@-webkit-keyframes firstwheel{
	0%{
		transform: rotateZ(120deg) scale(0.5,0.5);
		-webkit-transform: rotateZ(120deg) scale(0.5,0.5);

	}
	50%{
		transform: rotateZ(240deg) scale(0.5,0.5);
		-webkit-transform: rotateZ(240deg) scale(0.5);
	}
	100%{
		transform: rotateZ(360deg) scale(0.5);
		-webkit-transform: rotateZ(360deg) scale(0.5);
	}
}

.wheel2{width: 1.71rem;height: 1.63rem;background-image: url("../images/wheel1.png");transform:scale(0.64);-webkit-transform:scale(0.64);
 left: 1.76rem; top: -0.4rem;}
.wheel2_on{
	animation: secondwheel 0.4s infinite;-webkit-animation: secondwheel 0.4s infinite;-moz-animation: secondwheel 0.4s infinite;
	}
@keyframes secondwheel{
	0%{
		transform: rotateZ(120deg) scale(0.64);

	}
	50%{
		transform: rotateZ(240deg) scale(0.64);

	}
	100%{
		transform: rotateZ(360deg) scale(0.64);

	}
}
@-webkit-keyframes secondwheel{
	0%{
		-webkit-transform: rotateZ(120deg) scale(0.64);

	}
	50%{
		-webkit-transform: rotateZ(240deg) scale(0.64);

	}
	100%{
		-webkit-transform: rotateZ(360deg) scale(0.64);

	}
}
.wheel3{width: 1.71rem;height: 1.63rem;background-image: url("../images/wheel1.png");transform:scale(0.41);-webkit-transform:scale(0.41);
 left:0.6rem; top: -0.13rem;}
.wheel3_on{
	animation: thirdwheel 0.4s infinite;-webkit-animation: thirdwheel 0.4s infinite;-moz-animation: thirdwheel 0.4s infinite;
	}
@keyframes thirdwheel{
	0%{
		transform: rotateZ(120deg) scale(0.41);

	}
	50%{
		transform: rotateZ(240deg) scale(0.41);

	}
	100%{
		transform: rotateZ(360deg) scale(0.41);

	}
}
@-webkit-keyframes thirdwheel{
	0%{
		-webkit-transform: rotateZ(120deg) scale(0.41);

	}
	50%{
		-webkit-transform: rotateZ(240deg) scale(0.41);

	}
	100%{
		-webkit-transform: rotateZ(360deg) scale(0.41);

	}
}
.wheel4{width: 1.71rem;height: 1.63rem;background-image: url("../images/wheel1.png");transform:scale(0.41);-webkit-transform:scale(0.41);
 left:-0.4rem; top: -0.13rem;}
.wheel4_on{
	animation: fourthwheel 0.4s infinite;-webkit-animation: fourthwheel 0.4s infinite;-moz-animation: fourthwheel 0.4s infinite;
	}
@keyframes fourthwheel{
	0%{
		transform: rotateZ(120deg) scale(0.41);

	}
	50%{
		transform: rotateZ(240deg) scale(0.41);

	}
	100%{
		transform: rotateZ(360deg) scale(0.41);

	}
}
@-webkit-keyframes fourthwheel{
	0%{
		-webkit-transform: rotateZ(120deg) scale(0.41);

	}
	50%{
		-webkit-transform: rotateZ(240deg) scale(0.41);

	}
	100%{
		-webkit-transform: rotateZ(360deg) scale(0.41);

	}
}
.diyiciwheel{
	animation: diyiciwheel 0.4s infinite;-webkit-animation: diyiciwheel 0.4s infinite;
}
@keyframes diyiciwheel{
	0%{
		transform: rotateZ(120deg) scale(0.22,0.22);

	}
	50%{
		transform: rotateZ(240deg) scale(0.22,0.22);

	}
	100%{
		transform: rotateZ(360deg) scale(0.22,0.22);
	}
}
@-webkit-keyframes diyiciwheel{
	0%{
		-webkit-transform: rotateZ(120deg) scale(0.22,0.22);

	}
	50%{
		-webkit-transform: rotateZ(240deg) scale(0.22,0.22);

	}
	100%{
		-webkit-transform: rotateZ(360deg) scale(0.22,0.22);
	}
}
.dierciwheel{
	animation: dierciwheel 0.4s infinite;-webkit-animation: dierciwheel 0.4s infinite;
}
@keyframes dierciwheel{
	0%{
		transform: rotateZ(120deg) scale(0.32,0.32);

	}
	50%{
		transform: rotateZ(240deg) scale(0.32,0.32);

	}
	100%{
		transform: rotateZ(360deg) scale(0.32,0.32);
	}
}
@-webkit-keyframes dierciwheel{
	0%{
		-webkit-transform: rotateZ(120deg) scale(0.32,0.32);

	}
	50%{
		-webkit-transform: rotateZ(240deg) scale(0.32,0.32);

	}
	100%{
		-webkit-transform: rotateZ(360deg) scale(0.32,0.32);
	}
}
.disanciwheel{
	animation: disanciwheel 0.4s infinite;-webkit-animation: disanciwheel 0.4s infinite;
}
@keyframes disanciwheel{
	0%{
		transform: rotateZ(120deg) scale(0.18,0.18);

	}
	50%{
		transform: rotateZ(240deg) scale(0.18,0.18);

	}
	100%{
		transform: rotateZ(360deg) scale(0.18,0.18);
	}
}
@-webkit-keyframes disanciwheel{
	0%{
		-webkit-transform: rotateZ(120deg) scale(0.18,0.18);

	}
	50%{
		-webkit-transform: rotateZ(240deg) scale(0.18,0.18);

	}
	100%{
		-webkit-transform: rotateZ(360deg) scale(0.18,0.18);
	}
}
.disiciwheel{
	animation: disiciwheel 0.4s infinite;-webkit-animation: disiciwheel 0.4s infinite;
}
@keyframes disiciwheel{
	0%{
		transform: rotateZ(120deg) scale(0.18,0.18);

	}
	50%{
		transform: rotateZ(240deg) scale(0.18,0.18);

	}
	100%{
		transform: rotateZ(360deg) scale(0.18,0.18);
	}
}
@-webkit-keyframes disiciwheel{
	0%{
		-webkit-transform: rotateZ(120deg) scale(0.18,0.18);

	}
	50%{
		-webkit-transform: rotateZ(240deg) scale(0.18,0.18);

	}
	100%{
		-webkit-transform: rotateZ(360deg) scale(0.18,0.18);
	}
}
.song{
	width: 0.94rem;
	height: 1.7rem;
	background-image: url('../images/song.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	top:-4rem;
	z-index: 10;
	left:-0.9rem;
}
/*小车运动轨迹二*/
.small_car{
	animation: small_car1 1s;
	-webkit-animation: small_car1 1s;

}
@keyframes small_car1{
	0%{
		left: 0rem;
	}
	10%{
		left: 0.1rem;
	}
	20%{
		left: 0.2rem;
	}
	30%{
		left: 0.3rem;
	}
	40%{
		left: 0.4rem;
	}
	50%{
		left: 0.5rem;
	}
	60%{
		left: 0.6rem;
	}
	70%{
		left: 0.7rem;
	}
	80%{
		left: 0.8rem;
	}
	90%{
		left: 0.9rem;
	}
	100%{
		left: 1rem;
	}
}
@-webkit-keyframes small_car1{
	0%{
		left: 0rem;
	}
	10%{
		left: 0.1rem;
	}
	20%{
		left: 0.2rem;
	}
	30%{
		left: 0.3rem;
	}
	40%{
		left: 0.4rem;
	}
	50%{
		left: 0.5rem;
	}
	60%{
		left: 0.6rem;
	}
	70%{
		left: 0.7rem;
	}
	80%{
		left: 0.8rem;
	}
	90%{
		left: 0.9rem;
	}
	100%{
		left: 1rem;
	}
}
.caogeng{
	width: 0.84rem;
	height: 0.54rem;
	background-image: url('../images/caogeng.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left: 2.2rem;
	bottom:3rem;
	opacity: 0;
}
.gaofushuai{
	width: 0.84rem;
	height: 0.54rem;
	background-image: url('../images/gaofushuai.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left: 13rem;
	bottom:3rem;
	opacity: 0;
}
.zuofang{
	width: 3.77rem;
	height: 3.16rem;
	background-image: url('../images/zuofang.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left:50%;
	margin-left: -1.88rem;
	bottom:0.9rem;
	z-index: 10;
	opacity: 0;
}
.zuofangyanbox{
	position: relative;
}
.zuofangyan{
	width: 3rem;height: 0.8rem;position: absolute;left: 2rem;top: -1rem;
	background-image: url('../images/zuofangyan.png');background-size: 100% 100%;background-position: center;
	animation: zuofangyan 2s infinite;-webkit-animation: zuofangyan 2s infinite;}
@keyframes zuofangyan {
	0%{
		left:1.6rem;
		top: -0.8rem;
		opacity: 0.8
	}
	30%{
		left: 1.61rem;
		top: -0.9rem;
		opacity: 0.6;
	}
	60%{
		left:1.62rem;
		top: -1.0rem;
		opacity: 0.4;
	}
	100%{
		left:1.63rem;
		top: -1.1rem;
		opacity: 0;
	}
}
@-webkit-keyframes zuofangyan {
	0%{
		left:1.6rem;
		top: -0.8rem;
		opacity: 0.8
	}
	30%{
		left: 1.61rem;
		top: -0.9rem;
		opacity: 0.6;
	}
	60%{
		left:1.62rem;
		top: -1.0rem;
		opacity: 0.4;
	}
	100%{
		left:1.63rem;
		top: -1.1rem;
		opacity: 0;
	}
}
.third_left{
	animation: third_left 2s;
	-webkit-animation: third_left 2s
}
@keyframes third_left{
	0%{
		transform:rotate(0deg);
		background-image: url("../images/smallcar2.png");
		bottom: 1.5rem;
		left: 1rem;
	}
	10%{
		transform:rotate(-1deg) ;

		bottom: 1.65rem;
		left: 1.45rem;
	}
	20%{
		transform:rotate(-2deg) ;

		bottom: 1.8rem;
		left: 1.9rem;
	}
	30%{
		transform:rotate(-3deg) ;

		bottom: 1.95rem;
		left: 2.35rem;
	}
	40%{
		transform:rotate(-4deg) ;

		bottom: 2.1rem;
		left: 2.8rem;
	}
	50%{
		transform:rotate(-5deg)  ;

		bottom: 2.25rem;
		left: 3.25rem;
	}
	60%{
		transform:rotate(-6deg) ;

		bottom: 2.4rem;
		left: 3.7rem;
	}
	70%{
		transform:rotate(-7deg) ;

		bottom: 2.55rem;
		left: 4.15rem;
	}
	80%{
		transform:rotate(-8deg);

		bottom: 2.7rem;
		left: 4.6rem;
	}
	90%{
		transform:rotate(-9deg);

		bottom: 2.85rem;
		left: 5.05rem;
	}
	100%{
		transform:rotate(-10deg) ;

		bottom:3rem;
		left: 5.5rem;
	}
}
@-webkit-keyframes third_left{
	0%{
		-webkit-transform:rotate(0deg);
		background-image: url("../images/smallcar2.png");
		bottom: 1.5rem;
		left: 1rem;
	}
	10%{
		-webkit-transform:rotate(-1deg) ;

		bottom: 1.65rem;
		left: 1.45rem;
	}
	20%{
		-webkit-transform:rotate(-2deg) ;

		bottom: 1.8rem;
		left: 1.9rem;
	}
	30%{
		-webkit-transform:rotate(-3deg) ;

		bottom: 1.95rem;
		left: 2.35rem;
	}
	40%{
		-webkit-transform:rotate(-4deg) ;

		bottom: 2.1rem;
		left: 2.8rem;
	}
	50%{
		-webkit-transform:rotate(-5deg)  ;

		bottom: 2.25rem;
		left: 3.25rem;
	}
	60%{
		-webkit-transform:rotate(-6deg) ;

		bottom: 2.4rem;
		left: 3.7rem;
	}
	70%{
		-webkit-transform:rotate(-7deg) ;

		bottom: 2.55rem;
		left: 4.15rem;
	}
	80%{
		-webkit-transform:rotate(-8deg);

		bottom: 2.7rem;
		left: 4.6rem;
	}
	90%{
		-webkit-transform:rotate(-9deg);

		bottom: 2.85rem;
		left: 5.05rem;
	}
	100%{
		-webkit-transform:rotate(-10deg) ;

		bottom:3rem;
		left: 5.5rem;
	}
}
.third_right{
	animation: third_right 2s;
	-webkit-animation: third_right 2s
}
@keyframes third_right{
	0%{
		transform:rotate(0deg);
		background-image: url("../images/smallcar3.png");
		bottom: 3rem;
		left: 5.5rem;
	}
	10%{
		transform:rotate(1deg) ;

		bottom: 2.85rem;
		left: 5.95rem;
	}
	20%{
		transform:rotate(2deg) ;

		bottom: 2.7rem;
		left: 6.4rem;
	}
	30%{
		transform:rotate(3deg) ;

		bottom: 2.55rem;
		left: 6.85rem;
	}
	40%{
		transform:rotate(4deg) ;

		bottom: 2.4rem;
		left: 7.3rem;
	}
	50%{
		transform:rotate(5deg)  ;

		bottom: 2.25rem;
		left: 7.75rem;
	}
	60%{
		transform:rotate(4deg) ;

		bottom: 2.1rem;
		left: 8.2rem;
	}
	70%{
		transform:rotate(3deg) ;

		bottom: 1.95rem;
		left: 8.65rem;
	}
	80%{
		transform:rotate(2deg);

		bottom: 1.8rem;
		left: 9.1rem;
	}
	90%{
		transform:rotate(1deg);

		bottom: 1.65rem;
		left: 9.55rem;
	}
	100%{
		transform:rotate(0deg) ;

		bottom: 1.5rem;
		left: 10rem;
	}
}
@-webkit-keyframes third_right{
	0%{
		-webkit-transform:rotate(0deg);
		background-image: url("../images/smallcar3.png");
		bottom: 3rem;
		left: 5.5rem;
	}
	10%{
		-webkit-transform:rotate(1deg) ;

		bottom: 2.85rem;
		left: 5.95rem;
	}
	20%{
		-webkit-transform:rotate(2deg) ;

		bottom: 2.7rem;
		left: 6.4rem;
	}
	30%{
		-webkit-transform:rotate(3deg) ;

		bottom: 2.55rem;
		left: 6.85rem;
	}
	40%{
		-webkit-transform:rotate(4deg) ;

		bottom: 2.4rem;
		left: 7.3rem;
	}
	50%{
		-webkit-transform:rotate(5deg)  ;

		bottom: 2.25rem;
		left: 7.75rem;
	}
	60%{
		-webkit-transform:rotate(4deg) ;

		bottom: 2.1rem;
		left: 8.2rem;
	}
	70%{
		-webkit-transform:rotate(3deg) ;

		bottom: 1.95rem;
		left: 8.65rem;
	}
	80%{
		-webkit-transform:rotate(2deg);

		bottom: 1.8rem;
		left: 9.1rem;
	}
	90%{
		-webkit-transform:rotate(1deg);

		bottom: 1.65rem;
		left: 9.55rem;
	}
	100%{
		-webkit-transform:rotate(0deg) ;

		bottom: 1.5rem;
		left: 10rem;
	}
}
.smallwheel1_after{
	width: 0.55rem;
	height: 0.5rem;
	position: absolute;
	left:2.62rem;
	top:1rem;
	background-image: url('../images/smallwheel1.png');
	background-size: 100% 100%;
	background-position: center;
}
.smallwheel2_after{
	width: 0.68rem;
	height: 0.67rem;
	position: absolute;
	left:1.58rem;
	top:0.8rem;
	background-image: url('../images/smallwheel2.png');
	background-size: 100% 100%;
	background-position: center;
}
.smallwheel3_after{
	width: 0.39rem;
	height: 0.39rem;
	position: absolute;
	left:0.88rem;
	top:1.06rem;
	background-image: url('../images/smallwheel3.png');
	background-size: 100% 100%;
	background-position: center;
}
.smallwheel4_after{
	width: 0.39rem;
	height: 0.39rem;
	position: absolute;
	left:0.14rem;
	top:1.08rem;
	background-image: url('../images/smallwheel4.png');
	background-size: 100% 100%;
	background-position: center;
}
.zuofang_donghua{
	animation: zuofang 0.8s;
	-webkit-animation: zuofang 0.8s
}
@keyframes zuofang{
	0%{
		left: 49%;
		/*bottom:0.95rem;	*/
	}
	30%{
		left: 51%;
		/*bottom:0.95rem;*/
	}
	60%{
		left: 50%;
		/*bottom:1rem;*/
	}
	100%{
		left: 49%;
		/*bottom:1.0rem;*/
	}
}
@-webkit-keyframes zuofang{
	0%{
		left: 49%;
		bottom: 1.5rem;
	}
	30%{
		left: 51%
	}
	60%{
		left: 50%
	}
	100%{
		left: 49%
	}
}
/*第四页*/
.page_four{
	position: relative;
}
.fourth_bj{
	width: 5.4rem;
	height: 3.3rem;
	position: absolute;
	left:48%;
	margin-left: -2.7rem;
	bottom:1.9rem;
	background-image: url('../images/fourth_bj.png');
	background-size: 100% 100%;
	background-position: center;
	/*z-index: 10;*/
}
.smallcar2{
	width: 3.28rem;
	height: 1.24rem;
	background-image: url('../images/smallcar1.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left: -0.7rem;
	bottom: 1.5rem;
	opacity: 0;
}

.smallwheel2_1{
	width: 0.55rem;
	height: 0.5rem;
	position: absolute;
	left:2.62rem;
	top:-0.1rem;
	background-image: url('../images/smallwheel1.png');
	background-size: 100% 100%;
	background-position: center;
}
.smallwheel2_2{
	width: 0.68rem;
	height: 0.67rem;
	position: absolute;
	left:1.58rem;
	top:-0.3rem;
	background-image: url('../images/smallwheel2.png');
	background-size: 100% 100%;
	background-position: center;
}
.smallwheel2_3{
	width: 0.39rem;
	height: 0.39rem;
	position: absolute;
	left:0.88rem;
	top:-0.06rem;
	background-image: url('../images/smallwheel3.png');
	background-size: 100% 100%;
	background-position: center;
}
.smallwheel2_4{
	width: 0.39rem;
	height: 0.39rem;
	position: absolute;
	left:0.14rem;
	top:-0.06rem;
	background-image: url('../images/smallwheel4.png');
	background-size: 100% 100%;
	background-position: center;
}

.smallcar_smokebox22{

	height: 0.87rem;
	position: relative;
}
.smallcar_smoke22{
	width: 0.56rem;
	height: 0.87rem;
	position: absolute;
	left: 2.4rem;
	top:-0.6rem;
	background-image: url('../images/smoke.png');
	background-position: center;
	transform: scale(0.5);
	animation: smoke22 0.6s infinite;
	-webkit-animation: smoke22 0.6s infinite;
}
@keyframes smoke22{
	0%{
		width: 0.56rem;
		height: 0.87rem;

		top:-0.6rem;
		transform: scale(0.2,0.2);
	}
	50%{
		width: 0.56rem;
		height: 0.87rem;

		top:-0.7rem;
		transform: scale(0.6,0.6);
		opacity: 0.6
	}
	100%{
		width: 0.56rem;
		height: 0.87rem;
		top:-0.8rem;
		opacity: 0.2
	}
}
@-webkit-keyframes smoke22{
	0%{
		width: 0.56rem;
		height: 0.87rem;

		top:-0.6rem;
		-webkit-transform: scale(0.2,0.2);
	}
	50%{
		width: 0.56rem;
		height: 0.87rem;

		top:-0.7rem;
		-webkit-transform: scale(0.6,0.6);
		opacity: 0.6
	}
	100%{
		width: 0.56rem;
		height: 0.87rem;
		top:-0.8rem;
		opacity: 0.2
	}
}
.fourth_left{
	animation: fourth_left 2s;
	-webkit-animation: fourth_left 2s
}
@keyframes fourth_left{
	0%{
		transform:rotate(0deg);
		background-image: url("../images/smallcar1.png");
		bottom: 1.5rem;
		left: 1rem;
	}
	10%{
		transform:rotate(-1deg) ;

		bottom: 1.65rem;
		left: 1.45rem;
	}
	20%{
		transform:rotate(-2deg) ;

		bottom: 1.8rem;
		left: 1.9rem;
	}
	30%{
		transform:rotate(-3deg) ;

		bottom: 1.95rem;
		left: 2.35rem;
	}
	40%{
		transform:rotate(-4deg) ;

		bottom: 2.1rem;
		left: 2.8rem;
	}
	50%{
		transform:rotate(-5deg)  ;

		bottom: 2.25rem;
		left: 3.25rem;
	}
	60%{
		transform:rotate(-6deg) ;

		bottom: 2.4rem;
		left: 3.7rem;
	}
	70%{
		transform:rotate(-7deg) ;

		bottom: 2.55rem;
		left: 4.15rem;
	}
	80%{
		transform:rotate(-8deg);

		bottom: 2.7rem;
		left: 4.6rem;
	}
	90%{
		transform:rotate(-9deg);

		bottom: 2.85rem;
		left: 5.05rem;
	}
	100%{
		transform:rotate(-10deg) ;

		bottom:3rem;
		left: 5.5rem;
	}
}
@-webkit-keyframes fourth_left{
	0%{
		-webkit-transform:rotate(0deg);
		background-image: url("../images/smallcar1.png");
		bottom: 1.5rem;
		left: 1rem;
	}
	10%{
		-webkit-transform:rotate(-1deg) ;

		bottom: 1.65rem;
		left: 1.45rem;
	}
	20%{
		-webkit-transform:rotate(-2deg) ;

		bottom: 1.8rem;
		left: 1.9rem;
	}
	30%{
		-webkit-transform:rotate(-3deg) ;

		bottom: 1.95rem;
		left: 2.35rem;
	}
	40%{
		-webkit-transform:rotate(-4deg) ;

		bottom: 2.1rem;
		left: 2.8rem;
	}
	50%{
		-webkit-transform:rotate(-5deg)  ;

		bottom: 2.25rem;
		left: 3.25rem;
	}
	60%{
		-webkit-transform:rotate(-6deg) ;

		bottom: 2.4rem;
		left: 3.7rem;
	}
	70%{
		-webkit-transform:rotate(-7deg) ;

		bottom: 2.55rem;
		left: 4.15rem;
	}
	80%{
		-webkit-transform:rotate(-8deg);

		bottom: 2.7rem;
		left: 4.6rem;
	}
	90%{
		-webkit-transform:rotate(-9deg);

		bottom: 2.85rem;
		left: 5.05rem;
	}
	100%{
		-webkit-transform:rotate(-10deg) ;

		bottom:3rem;
		left: 5.5rem;
	}
}
.fourth_right{
	animation: fourth_right 2s;
	-webkit-animation: fourth_right 2s
}
@keyframes fourth_right{
	0%{
		transform:rotate(0deg);
		background-image: url("../images/smallcar1.png");
		bottom: 3rem;
		left: 5.5rem;
	}
	10%{
		transform:rotate(1deg) ;

		bottom: 2.85rem;
		left: 5.95rem;
	}
	20%{
		transform:rotate(2deg) ;

		bottom: 2.7rem;
		left: 6.4rem;
	}
	30%{
		transform:rotate(3deg) ;

		bottom: 2.55rem;
		left: 6.85rem;
	}
	40%{
		transform:rotate(4deg) ;

		bottom: 2.4rem;
		left: 7.3rem;
	}
	50%{
		transform:rotate(5deg)  ;

		bottom: 2.25rem;
		left: 7.75rem;
	}
	60%{
		transform:rotate(4deg) ;

		bottom: 2.1rem;
		left: 8.2rem;
	}
	70%{
		transform:rotate(3deg) ;

		bottom: 1.95rem;
		left: 8.65rem;
	}
	80%{
		transform:rotate(2deg);

		bottom: 1.8rem;
		left: 9.1rem;
	}
	90%{
		transform:rotate(1deg);

		bottom: 1.65rem;
		left: 9.55rem;
	}
	100%{
		transform:rotate(0deg) ;

		bottom: 1.5rem;
		left: 10rem;
	}
}
@-webkit-keyframes fourth_right{
	0%{
		-webkit-transform:rotate(0deg);
		background-image: url("../images/smallcar1.png");
		bottom: 3rem;
		left: 5.5rem;
	}
	10%{
		-webkit-transform:rotate(1deg) ;
		bottom: 2.85rem;
		left: 5.95rem;
	}
	20%{
		-webkit-transform:rotate(2deg) ;

		bottom: 2.7rem;
		left: 6.4rem;
	}
	30%{
		-webkit-transform:rotate(3deg) ;

		bottom: 2.55rem;
		left: 6.85rem;
	}
	40%{
		-webkit-transform:rotate(4deg) ;

		bottom: 2.4rem;
		left: 7.3rem;
	}
	50%{
		-webkit-transform:rotate(5deg)  ;

		bottom: 2.25rem;
		left: 7.75rem;
	}
	60%{
		-webkit-transform:rotate(4deg) ;

		bottom: 2.1rem;
		left: 8.2rem;
	}
	70%{
		-webkit-transform:rotate(3deg) ;

		bottom: 1.95rem;
		left: 8.65rem;
	}
	80%{
		-webkit-transform:rotate(2deg);

		bottom: 1.8rem;
		left: 9.1rem;
	}
	90%{
		-webkit-transform:rotate(1deg);

		bottom: 1.65rem;
		left: 9.55rem;
	}
	100%{
		-webkit-transform:rotate(0deg) ;

		bottom: 1.5rem;
		left: 10rem;
	}
}
.qiqiubox{
	position: relative;
	height: 4.24rem;
}
.qiqiu1,.qiqiu2,.qiqiu3{
	width: 1.4rem;
	height: 3.2rem;
	background-size: 100% 100%;
	background-position: center;
}
.qiqiu11{
	background-image: url('../images/qiqiu1.png');
	position:absolute;
	left:0rem;
	top: 1rem;
	opacity: 0;
	animation: qiqiu1 2s;
	-webkit-animation: qiqiu1 2s;
}
@keyframes qiqiu1{
	0%{
		opacity: 0;
		transform: scale(0.6);
		left: 1.8rem;
		top: 1rem;
	}
	30%{
		opacity: 0.8;
		transform: scale(0.8);
		left: 1.9rem;
		top: -2rem;
	}
	60%{
		opacity: 0.6;
		transform: scale(0.6);
		left: 2rem;
		top: -4rem;
	}
	100%{
		opacity: 0;
		transform: scale(0);
		left: 2.1rem;
		top: -6rem;
	}
}
@-webkit-keyframes qiqiu1{
	0%{
		opacity: 0;
		-webkit-transform: scale(0.6);
		left: 1.8rem;
		top: 1rem;
	}
	30%{
		opacity: 0.8;
		-webkit-transform: scale(0.8);
		left: 1.9rem;
		top: -2rem;
	}
	60%{
		opacity: 0.6;
		-webkit-transform: scale(0.6);
		left: 2rem;
		top: -4rem;
	}
	100%{
		opacity: 0;
		-webkit-transform: scale(0);
		left: 2.1rem;
		top: -6rem;
	}
}
.qiqiu22{
	background-image: url('../images/qiqiu2.png');
	position:absolute;
	left: 1.3rem;
	top: 2rem;
	opacity: 0;
	animation: qiqiu2 2s;
	-webkit-animation: qiqiu2 2s;
}
@keyframes qiqiu2{
	0%{
		opacity: 0;
		transform: scale(0.6);
		left: 3.9rem;
		top: 2rem;
	}
	30%{
		opacity: 0.8;
		transform: scale(0.8);
		left: 4rem;
		top: 0rem;
	}
	60%{
		opacity: 0.6;
		transform: scale(0.6);
		left: 3.9rem;
		top: -2rem;
	}
	100%{
		opacity: 0;
		transform: scale(0);
		left: 4rem;
		top: -4rem;
	}
}
@-webkit-keyframes qiqiu2{
	0%{
		opacity: 0;
		-webkit-transform: scale(0.6);
		left: 3.9rem;
		top: 2rem;
	}
	30%{
		opacity: 0.8;
		-webkit-transform: scale(0.8);
		left: 4rem;
		top: 0rem;
	}
	60%{
		opacity: 0.6;
		-webkit-transform: scale(0.6);
		left: 3.9rem;
		top: -2rem;
	}
	100%{
		opacity: 0;
		-webkit-transform: scale(0);
		left: 4rem;
		top: -4rem;
	}
}
.qiqiu33{
	background-image: url('../images/qiqiu3.png');
	position:absolute;
	left: 3rem;
	top: 0rem;
	opacity: 0;
	animation: qiqiu3 2s;
	-webkit-animation: qiqiu3 2s;
}
@keyframes qiqiu3{
	0%{
		opacity: 0;
		transform: scale(0.6);
		left: 4.8rem;
		top: 0rem;
	}
	30%{
		opacity: 0.8;
		transform: scale(0.8);
		left: 5rem;
		top: -2rem;
	}
	60%{
		opacity: 0.6;
		transform: scale(0.6);
		left: 4.8rem;
		top: -4rem;
	}
	100%{
		opacity: 0;
		transform: scale(0);
		left: 5rem;
		top: -6rem;
	}
}
@-webkit-keyframes qiqiu3{
	0%{
		opacity: 0;
		-webkit-transform: scale(0.6);
		left: 4.8rem;
		top: 0rem;
	}
	30%{
		opacity: 0.8;
		-webkit-transform: scale(0.8);
		left: 5rem;
		top: -2rem;
	}
	60%{
		opacity: 0.6;
		-webkit-transform: scale(0.6);
		left: 4.8rem;
		top: -4rem;
	}
	100%{
		opacity: 0;
		-webkit-transform: scale(0);
		left: 5rem;
		top: -6rem;
	}
}
/*第五页*/
.page_five{
	position: relative;
}
.panzi{
	position: absolute;width: 5.4rem;height: 4.4rem;left: 50%;margin-left: -2.7rem;background-image: url('../images/panzi.png');
	background-size: 100% 100%;background-position: center;/*z-index: 10;*/bottom:1.5rem;
}
.panzidonghua{
	animation: panzidonghua;
	-webkit-animation: panzidonghua;
}
@keyframes panzidonghua(){

}
.panzi2{
	position: absolute;
	width: 5rem;
	height: 4.4rem;
	left: 50%;
	margin-left: -2.5rem;
	bottom:1.2rem;
	background-image: url('../images/panzi2.png');
	background-size: 100% 100%;
	background-position: center;
	z-index: 10;
	bottom:2rem;
}
.panzi3{
	position: absolute;
	width:2rem;
	height: 4.1rem;
	left: 67%;
	margin-left:-1rem;
	bottom:1.2rem;
	background-image: url('../images/panzi2_1.png');
	background-size: 100% 100%;
	background-position: center;
	z-index: 10;
	bottom:2rem;
}
.panzi3_on{transform:rotateZ(10deg);transition-duration:1s;-webkit-transform:rotateZ(10deg);
	-webkit-transition-duration:1s; transform-origin:94% 6%;-webkit-transform-origin:94% 6%;}
.fifth_left{
	animation: fifth_left 2s;
	-webkit-animation: fifth_left 2s;
}
@keyframes fifth_left{
	0%{
		transform:rotate(0deg);
		background-image: url("../images/smallcar1.png");
		bottom: 1.5rem;
		left: 13rem;
	}
	10%{
		transform:rotate(-1deg) ;

		bottom: 1.65rem;
		left: 13.7rem;
	}
	20%{
		transform:rotate(-2deg) ;

		bottom: 1.8rem;
		left: 14.4rem;
	}
	30%{
		transform:rotate(-3deg) ;

		bottom: 1.95rem;
		left: 15.1rem;
	}
	40%{
		transform:rotate(-4deg) ;

		bottom: 2.1rem;
		left: 15.8rem;
	}
	50%{
		transform:rotate(-5deg)  ;

		bottom: 2.25rem;
		left: 16.5rem;
	}
	60%{
		transform:rotate(-6deg) ;

		bottom: 2.4rem;
		left: 17.2rem;
	}
	70%{
		transform:rotate(-7deg) ;

		bottom: 2.55rem;
		left: 17.9rem;
	}
	80%{
		transform:rotate(-8deg);

		bottom: 2.7rem;
		left: 18.6rem;
	}
	90%{
		transform:rotate(-9deg);

		bottom: 2.85rem;
		left:19.3rem;
	}
	100%{
		transform:rotate(-10deg) ;

		bottom:3rem;
		left:20rem;
	}
}
@-webkit-keyframes fifth_left{
	0%{
		-webkit-transform:rotate(0deg);
		background-image: url("../images/smallcar1.png");
		bottom: 1.5rem;
		left: 13rem;
	}
	10%{
		-webkit-transform:rotate(-1deg) ;

		bottom: 1.65rem;
		left: 13.7rem;
	}
	20%{
		-webkit-transform:rotate(-2deg) ;

		bottom: 1.8rem;
		left: 14.4rem;
	}
	30%{
		-webkit-transform:rotate(-3deg) ;

		bottom: 1.95rem;
		left: 15.1rem;
	}
	40%{
		-webkit-transform:rotate(-4deg) ;

		bottom: 2.1rem;
		left: 15.8rem;
	}
	50%{
		-webkit-transform:rotate(-5deg)  ;

		bottom: 2.25rem;
		left: 16.5rem;
	}
	60%{
		-webkit-transform:rotate(-6deg) ;

		bottom: 2.4rem;
		left: 17.2rem;
	}
	70%{
		-webkit-transform:rotate(-7deg) ;

		bottom: 2.55rem;
		left: 17.9rem;
	}
	80%{
		-webkit-transform:rotate(-8deg);

		bottom: 2.7rem;
		left: 18.6rem;
	}
	90%{
		-webkit-transform:rotate(-9deg);

		bottom: 2.85rem;
		left:19.3rem;
	}
	100%{
		-webkit-transform:rotate(-10deg) ;

		bottom:3rem;
		left:20rem;
	}
}
.panzidonghua{
	animation: smallwheel 0.8s infinite;
	transform-origin: center;
	-webkit-animation: smallwheel 0.8s infinite;
	-webkit-transform-origin: center;
}
@keyframes smallwheel{
	0%{
		transform: rotateZ(120deg);

	}
	50%{
		transform: rotateZ(240deg) ;

	}
	100%{
		transform: rotateZ(360deg);

	}
}
@-webkit-keyframes smallwheel{
	0%{
		-webkit-transform: rotateZ(120deg);

	}
	50%{
		-webkit-transform: rotateZ(240deg) ;

	}
	100%{
		-webkit-transform: rotateZ(360deg);

	}
}
.ganzhiyuan{
	width: 0.93rem;
	height: 0.36rem;
	background-image: url('../images/ganzhiyuan.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left: 6.4rem;
	bottom:4.5rem;
	z-index: 11;
	opacity: 0;
}
.nanlongshiping{
	width: 0.57rem;
	height: 0.63rem;
	background-image: url('../images/nanlongshiping.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left: 7.8rem;
	bottom:3.2rem;
	z-index: 11;
	opacity: 0;
}
.yurun{
	width: 0.76rem;
	height: 0.31rem;
	background-image: url('../images/yurun.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left:6.1rem;
	bottom:3.6rem;
	z-index: 11;
	opacity: 0;
}
.gongfukaobing{
	width: 1.05rem;
	height: 0.27rem;
	background-image: url('../images/gongfukaobing.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left:6.7rem;
	bottom:2.8rem;
	z-index: 11;
	opacity: 0;
}
.weihongxing{
	width: 0.69rem;
	height: 0.29rem;
	background-image: url('../images/weihongxing.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left:7.4rem;
	bottom:4.5rem;
	z-index: 11;
	opacity: 0;
}
.cafe{
	width: 0.49rem;
	height: 0.47rem;
	background-image: url('../images/cafe.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left:6.9rem;
	bottom:3.6rem;
	z-index: 11;
	opacity: 0;
}
.guihuaya{
	width: 1rem;
	height: 0.27rem;
	background-image: url('../images/guihuaya.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left:6rem;
	bottom:4.1rem;
	z-index: 11;
	opacity: 0;
}
.bingwangzi{
	width: 0.61rem;
	height: 0.43rem;
	background-image: url('../images/bingwangzi.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left:7.8rem;
	bottom:4rem;
	z-index: 11;
	opacity: 0;
}
.xiong{
	width: 0.63rem;
	height: 0.35rem;
	background-image: url('../images/xiong.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left:7.1rem;
	bottom:4.1rem;
	z-index: 11;
	opacity: 0;
}
.nadou{
	width: 0.69rem;
	height: 0.42rem;
	background-image: url('../images/nadou.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left:6.4rem;
	bottom:3.2rem;
	z-index: 11;
	opacity: 0;
}
.mofang{
	width: 0.61rem;
	height: 0.53rem;
	background-image: url('../images/mofang.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left:7.3rem;
	bottom:3.4rem;
	z-index: 11;
	opacity: 0;
}
/*第六页*/
.page_six{
	position: relative;
}
.yubox{
	position: absolute;
	bottom: 2rem;
	overflow: hidden;
	left: 50%;
	margin-left: -40%;
	width: 80%;
	z-index: 10;
}
.yubox li{
	list-style: none;
	float: left;
	width: 23%;
	height: 1.57rem;
	background-size: 100% 100%;
	background-position: center;
	/*margin-left: 1rem;*/
	margin-left: 8%;

}
.fire1{ position: absolute; left: 3.1rem; bottom:1.95rem; z-index: 100;}
.fire1_on{animation: fire1_show 0.4s infinite;-webkit-animation: fire1_show 0.4s infinite;}
@keyframes fire1_show{
	0%{

		transform: scale(0.9);
		opacity: 0.6;
	}
	100%{

		transform: scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes fire1_show{
	0%{

		-webkit-transform: scale(0.9);
		opacity: 0.6;
	}
	100%{

		-webkit-transform: scale(1);
		opacity: 1;
	}
}
.yu1{
	background-image: url('../images/yu1_on.png');

}
.yanbox{
	width: 100%;
	height: 100%;
}
.yanbox li{
	position: absolute;
	list-style: none;
	width: 0.75rem;
	height: 1.19rem;
	background-image: url('../images/yan.png');
	background-size: 100% 100%;
	background-position: center;
	float: left;

}
.yan1{
	left: 3.3rem;
	bottom:3.2rem;
	opacity: 0
}
.yan1_donghua{
	animation: yan1_donghua 0.6s infinite;
	-webkit-animation: yan1_donghua 0.6s infinite;
}
@keyframes yan1_donghua{
	0%{
		bottom:3.2rem;
		transform: scale(0.4);
		opacity: 0.2
	}
	30%{
		bottom:3.3rem;
		transform: scale(0.6);
		opacity: 0.6;
	}
	60%{
		bottom:3.4rem;
		transform: scale(0.8);
		opacity: 0.4;
	}
	100%{
		bottom:3.5rem;
		transform: scale(1);
		opacity: 0.2;
	}
}
@-webkit-keyframes yan1_donghua{
	0%{
		bottom:3.2rem;
		-webkit-transform: scale(0.4);
		opacity: 0.2
	}
	30%{
		bottom:3.3rem;
		-webkit-transform: scale(0.6);
		opacity: 0.6;
	}
	60%{
		bottom:3.4rem;
		-webkit-transform: scale(0.8);
		opacity: 0.4;
	}
	100%{
		bottom:3.5rem;
		-webkit-transform: scale(1);
		opacity: 0.2;
	}
}
.fire2{ position: absolute; left:6.6rem; bottom:1.95rem; z-index: 100;}
.fire2_on{animation: fire2_show 0.4s infinite;-webkit-animation: fire2_show 0.4s infinite;}
@keyframes fire2_show{
	0%{

		transform: scale(0.9);
		opacity: 0.6;
	}
	100%{

		transform: scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes fire2_show{
	0%{

		-webkit-transform: scale(0.9);
		opacity: 0.6;
	}
	100%{

		-webkit-transform: scale(1);
		opacity: 1;
	}
}
.yu2{
	background-image: url('../images/yu2_on.png');

}
.yan2{
	left: 6.6rem;
	bottom:3.2rem;
	opacity: 0
}
.yan2_donghua{
	animation: yan1_donghua 0.6s infinite;
	-webkit-animation: yan1_donghua 0.6s infinite;
}
@keyframes yan1_donghua{
	0%{
		bottom:3.2rem;
		transform: scale(0.4);
	}
	30%{
		bottom:3.3rem;
		transform: scale(0.6);
		opacity: 0.6;
	}
	60%{
		bottom:3.4rem;
		transform: scale(0.8);
		opacity: 0.4;
	}
	100%{
		bottom:3.5rem;
		transform: scale(1);
		opacity: 0.2;
	}
}
@-webkit-keyframes yan1_donghua{
	0%{
		bottom:3.2rem;
		-webkit-transform: scale(0.4);
	}
	30%{
		bottom:3.3rem;
		-webkit-transform: scale(0.6);
		opacity: 0.6;
	}
	60%{
		bottom:3.4rem;
		-webkit-transform: scale(0.8);
		opacity: 0.4;
	}
	100%{
		bottom:3.5rem;
		-webkit-transform: scale(1);
		opacity: 0.2;
	}
}
.fire3{ position: absolute; left:10.1rem; bottom:1.95rem; z-index: 100;}
.fire3_on{animation: fire3_show 0.4s infinite;-webkit-animation: fire3_show 0.4s infinite;}
@keyframes fire3_show{
	0%{

		transform: scale(0.9);
		opacity: 0.6
	}
	100%{

		transform: scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes fire3_show{
	0%{

		-webkit-transform: scale(0.9);
		opacity: 0.6;
	}
	100%{

		-webkit-transform: scale(1);
		opacity: 1;
	}
}
.yu3{
	background-image: url('../images/yu3_on.png');

}
.yan3{
	left: 10.3rem;
	bottom:3.2rem;
	opacity: 0
}
.yan3_donghua{
	animation: yan1_donghua 0.6s infinite;
	-webkit-animation: yan1_donghua 0.6s infinite;
}
@keyframes yan1_donghua{
	0%{
		bottom:3.2rem;
		transform: scale(0.4);
	}
	30%{
		bottom:3.3rem;
		transform: scale(0.6);
		opacity: 0.6;
	}
	60%{
		bottom:3.4rem;
		transform: scale(0.8);
		opacity: 0.4;
	}
	100%{
		bottom:3.5rem;
		transform: scale(1);
		opacity: 0.2;
	}
}
@-webkit-keyframes yan1_donghua{
	0%{
		bottom:3.2rem;
		-webkit-transform: scale(0.4);
	}
	30%{
		bottom:3.3rem;
		-webkit-transform: scale(0.6);
		opacity: 0.6;
	}
	60%{
		bottom:3.4rem;
		-webkit-transform: scale(0.8);
		opacity: 0.4;
	}
	100%{
		bottom:3.5rem;
		-webkit-transform: scale(1);
		opacity: 0.2;
	}
}
.pinpai_wz{
	overflow: hidden;
	position: absolute;
	bottom: 4.8rem;
	width: 12.6rem;
	margin-left: auto;
	margin-right: auto;
	left: 50%;
	margin-left: -6.3rem;
}
.pinpai_wz li{
	float: left;
	/*width:4rem;*/
	width: 30%;
	text-align: center;
	list-style: none;
	font-family: '微软雅黑';
	padding-left: 0.1rem;
	padding-right: 0.1rem;
	opacity: 0
}
.pp_s,.pp2_s,.pp3_s{
	font-size: 0.3rem;

}
.pp_x,.pp2_x,.pp3_x{
	font-size: 0.2rem;
}
/*第七页*/
.page_seven{
	position: relative;
}
.shaguo{
	overflow: hidden;

}
.shaguo_shang{
	background-image: url('../images/xwzx_shang.png');
	background-size: 100% 100%;
	background-position: center;
	width: 3rem;
	height: 1.2rem;
	position: absolute;
	bottom:3.8rem;
	left:53%;
	margin-left: -1.78rem;
}
.shaguo_xia{
	background-image: url('../images/xwzx_xia.png');
	background-size: 100% 100%;
	background-position: center;
	width: 4rem;
	height: 2rem;
	z-index: 10;

	position: absolute;
	bottom:1.8rem;
	left: 53%;
	margin-left: -2.38rem;
}
.shaguo_shang_donghua{
	transform-origin: 100% 100%;
	transform: rotate(40deg);
	animation: shaguo_shang_donghua 0.4s;
	-webkit-animation: shaguo_shang_donghua 0.4s;
}
@keyframes shaguo_shang_donghua{
	0%{
		transform-origin: 100% 100%;
		transform: rotate(0deg);
	}
	30%{
		transform-origin: 100% 100%;
		transform: rotate(15deg);
	}
	60%{
		transform-origin: 100% 100%;
		transform: rotate(30deg);
	}
	100%{
		transform-origin: 100% 100%;
		transform: rotate(40deg);
	}
}
@-webkit-keyframes shaguo_shang_donghua{
	0%{
		-webkit-transform-origin: 100% 100%;
		-webkit-transform: rotate(0deg);
	}
	30%{
		-webkit-transform-origin: 100% 100%;
		-webkit-transform: rotate(15deg);
	}
	60%{
		-webkit-transform-origin: 100% 100%;
		-webkit-transform: rotate(30deg);
	}
	100%{
		-webkit-transform-origin: 100% 100%;
		-webkit-transform: rotate(40deg);
	}
}
.tiaoliaoping{
	position: absolute;
	left: 5.8rem;
	bottom:4.2rem;
	background-image: url('../images/tiaoliaoping.png');
	background-size: 100% 100%;
	background-position: center;
	width: 0.8rem;
	height: 1.2rem;
	opacity: 0;
}
.tiaoliaoping_donghua{
	animation: tiaoliaoping_donghua 0.4s infinite;
	-webkit-animation: tiaoliaoping_donghua 0.4s infinite;
}
@keyframes tiaoliaoping_donghua{
	0%{
		bottom:4.4rem;
	}
	30%{
		bottom:4.3rem;
	}
	60%{
		bottom: 4.25rem;
	}
	100%{
		bottom:4.2srem;
	}
}
@-webkit-keyframes tiaoliaoping_donghua{
	0%{
		bottom:4.4rem;
	}
	30%{
		bottom:4.3rem;
	}
	60%{
		bottom:4.25rem;
	}
	100%{
		bottom:4.2rem;
	}
}
.shaozi{
	width: 2.36rem;
	height: 1.8rem;
	background-image: url('../images/shaozi.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left: 4.5rem;
	bottom:3.3rem;
	opacity: 0;
}
.shaozi_donghua{
	animation: shaozi_donghua 0.8s infinite;
	-webkit-animation: shaozi_donghua 0.8s infinite;
}
@keyframes shaozi_donghua{
	0%{
		left: 4.5rem;
		bottom:3.3rem;
	}
	30%{
		left: 4.4rem;
		bottom:3.2rem;
	}
	60%{
		left: 4.6rem;
		bottom:3.2rem;
	}
	100%{
		left: 4.5rem;
		bottom:3.3rem;
	}
}
@-webkit-keyframes shaozi_donghua{
	0%{
		left: 4.1rem;
		bottom: 4.5rem;
	}
	30%{
		left: 4.2rem;
		bottom: 3.6rem;
	}
	60%{
		left: 4.4rem;
		bottom: 4rem;
	}
	100%{
		left: 4.2rem;
		bottom: 4.2rem;
	}
}
.tiaoliaofeng{
	width: 0.95rem;
	height: 0.71rem;
	background-image: url('../images/tiaoliaofeng.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left: 6.4rem;
	bottom: 3.4rem;
	opacity: 0;
}
.tiaoliaofeng_donghua{
	animation: tiaoliaofeng_donghua 0.4s infinite;
	-webkit-animation: tiaoliaofeng_donghua 0.4s infinite
}
@keyframes tiaoliaofeng_donghua{
	0%{
		left: 6.4rem;
		bottom: 3.4rem;
	}
	30%{
		left: 6.4rem;
		bottom: 3.3rem;
		opacity: 0.8
	}
	60%{
		left: 6.4rem;
		bottom: 3.2rem;
		opacity: 0.4
	}
	100%{
		left: 6.4rem;
		bottom: 3.1rem;
		opacity: 0
	}
}
@-webkit-keyframes tiaoliaofeng_donghua{
	0%{
		left: 6.4rem;
		bottom: 4.4rem;
	}
	30%{
		left: 6.4rem;
		bottom: 4.3rem;
		opacity: 0.8
	}
	60%{
		left: 6.4rem;
		bottom: 4.2rem;
		opacity: 0.4
	}
	100%{
		left: 6.4rem;
		bottom: 4.1rem;
		opacity: 0
	}
}
.gundong_kuang{
	position: absolute;
	left: 5.75rem;
	bottom:2.2rem;
	z-index: 10;
	width: 3rem;
	height: 1.3rem;
	/*border:1px black solid;*/
	overflow: hidden;
}
.gundong_wz{
	font-size: 0.2rem;
	font-family: '微软雅黑';
	margin: 0 auto;
	/*border:1px red solid;*/
}
.gundong_wz li{
	padding: 0.02rem;list-style: none;color: white;text-align: center;line-height: 125%;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gundong_wz li a{ color: white;}
/*第八页*/
.page_eight{
	position: relative;
}
.beizi{position: absolute;left:50%;bottom: 1.5rem;margin-left: -1.6rem;width:3.2rem;height:2.3rem;
	background-image: url('../images/beizi.png');background-size: 100% 100%;
	background-position: center;z-index: 10;}
.zhengqi_yi{
	width: 0.6rem;
	height: 1rem;
	background-image: url('../images/zhengqi_yi.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left: 5.6rem;
	bottom:5.4rem;
	opacity: 0;
}
.zqy{ margin-left: 0.4rem; margin-top: 0.3rem;}
.zqe{margin-left: 0.4rem; margin-top: 0.3rem;}
.zhengqi_yi_donghua{
	animation:zhengqi_yi_donghua 1s infinite;
	-webkit-animation:zhengqi_yi_donghua 1s infinite;
}
@keyframes zhengqi_yi_donghua{
	0%{

		bottom:5.2rem;
		opacity: 0.6;
		transform: scale(0.8);
	}
	30%{

		bottom:5.4rem;
		opacity: 0.4;
		transform: scale(1);
	}
	60%{

		bottom:5.6rem;
		opacity: 0.2;
		transform: scale(1.1);
	}
	100%{

		bottom:5.8rem;
		opacity: 0.1;
		transform: scale(1.2);
	}
}
@-webkit-keyframes zhengqi_yi_donghua{
	0%{
		left: 5rem;
		bottom:5.2rem;
		opacity: 0.6;
		-webkit-transform: scale(0.8);
	}
	30%{
		left: 5rem;
		bottom:5.4rem;
		opacity: 0.4;
		-webkit-transform: scale(1);
	}
	60%{
		left: 5rem;
		bottom:5.6rem;
		opacity: 0.2;
		-webkit-transform: scale(1.1);
	}
	100%{
		left: 5rem;
		bottom:5.8rem;
		opacity: 0.1;
		-webkit-transform: scale(1.2);
	}
}

.zhengqi_er{
	width: 0.8rem;
	height: 1rem;
	background-image: url('../images/zhengqi_er.png');
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	left: 7.4rem;
	bottom: 5.4rem;
	opacity: 0;
}
.zhengqi_er_donghua{
	animation:zhengqi_er_donghua 1s infinite;
	-webkit-animation:zhengqi_er_donghua 1s infinite;
}
@keyframes zhengqi_er_donghua{
	0%{
		left: 7rem;
		bottom: 5.2rem;
		opacity: 0.6;
		transform: scale(0.8);
	}
	30%{
		left: 7.3rem;
		bottom:5.4rem;
		opacity: 0.4;
		transform: scale(1);
	}
	60%{
		left: 7.6rem;
		bottom: 5.6rem;
		opacity: 0.2;
		transform: scale(1.1);
	}
	100%{
		left: 8rem;
		bottom: 5.8rem;
		opacity: 0.1;
		transform: scale(1.2);
	}
}
@-webkit-keyframes zhengqi_er_donghua{
	0%{
		left: 7rem;
		bottom: 5.2rem;
		opacity: 0.6;
		-webkit-transform: scale(0.8);
	}
	30%{
		left: 7.3rem;
		bottom:5.4rem;
		opacity: 0.4;
		-webkit-transform: scale(1);
	}
	60%{
		left: 7.6rem;
		bottom: 5.6rem;
		opacity: 0.2;
		-webkit-transform: scale(1.1);
	}
	100%{
		left: 8rem;
		bottom: 5.8rem;
		opacity: 0.1;
		-webkit-transform: scale(1.2);
	}
}
.dizhi_yi{
	color: #c30d23;
	font-size: 0.4rem;
	position: absolute;
	left:6rem;
	bottom:5.4rem;
	font-weight: bold;
}
.dizhi_yi_on{animation:yi 1s infinite;-webkit-animation:yi 1s infinite;}
 @keyframes yi{
 	from{
 		transform:scale(1);
 		-webkit-transform:scale(1);
 	}
 	to{
 		transform:scale(1.2);
 		-webkit-transform:scale(1.2);
 	}
 }
.dizhi_er{
	color: #231815;
	font-size: 0.24rem;
	position: absolute;
	left: 5.3rem;
	bottom:4.8rem;
	font-weight: bold;
}
.dizhi_san{
	color: #271d1a;
	font-size: 0.3rem;
	position: absolute;
	left: 6rem;
	bottom:4.2rem;
	font-weight: bold;
}
/*小车旋转动画0*/
.xuanzhuan_donghua0{
	animation: xuanzhuan_donghua0 1s;
	-webkit-animation: xuanzhuan_donghua0 1s

}
@keyframes xuanzhuan_donghua0{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(-4deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua0{
	from{
		-webkit-transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(-4deg);
	}
}
/*小车旋转动画1*/
.xuanzhuan_donghua1{
	animation: xuanzhuan_donghua1 2s;-webkit-animation: xuanzhuan_donghua1 2s;-moz-animation: xuanzhuan_donghua1 2s;
}
@keyframes xuanzhuan_donghua1{
	0%{
		transform: rotate(-4deg);
		bottom: 2.1rem;
	}
	50%{
		transform: rotate(-2deg);
		bottom: 2.2rem;
	}
	100%{
		transform: rotate(-1deg);
		bottom: 2.25rem;
	}
}
@-webkit-keyframes xuanzhuan_donghua1{
	0%{
		-webkit-transform: rotate(-4deg);
		bottom: 2.1rem;
	}
	50%{
		-webkit-transform: rotate(-2deg);
		bottom: 2.2rem;
	}
	100%{
		-webkit-transform: rotate(-1deg);
		bottom: 2.25rem;
	}
}









/*小车旋转动画2*/
.xuanzhuan_donghua2{
	animation: xuanzhuan_donghua2 1.4s;
	-webkit-animation: xuanzhuan_donghua2 1.4s
}
@keyframes xuanzhuan_donghua2{
	0%{
		transform: rotate(-1deg);
	}
	50%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(2deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua2{
	0%{
		-webkit-transform: rotate(-1deg);
	}
	50%{
		-webkit-transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(2deg);
	}
}
/*小车旋转动画3*/
.xuanzhuan_donghua3{
	animation: xuanzhuan_donghua3 2s;
	-webkit-animation: xuanzhuan_donghua3 2s
}
@keyframes xuanzhuan_donghua3{
	0%{
		transform: rotate(2deg);
	}
	50%{
		transform: rotate(4deg);
	}
	100%{
		transform: rotate(6deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua3{
	0%{
		-webkit-transform: rotate(2deg);
	}
	50%{
		-webkit-transform: rotate(4deg);
	}
	100%{
		-webkit-transform: rotate(6deg);
	}
}
.xuanzhuan_donghua30_1{
	/*animation: xuanzhuan_donghua30_1 1.4s;
	-webkit-animation: xuanzhuan_donghua30_1 1.4s
}
@keyframes xuanzhuan_donghua30_1{
	0%{
		transform: rotate(4deg);
	}
	50%{
		transform: rotate(6deg);
	}
	100%{
		transform: rotate(9deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua30_1{
	0%{
		-webkit-transform: rotate(4deg);
	}
	50%{
		-webkit-transform: rotate(6deg);
	}
	100%{
		-webkit-transform: rotate(9deg);
	}*/
}
/*小车旋转动画4*/
.xuanzhuan_donghua4{
	animation: xuanzhuan_donghua4 2s;
	-webkit-animation: xuanzhuan_donghua4 2s
}
@keyframes xuanzhuan_donghua4{
	0%{
		transform: rotate(2deg);
		bottom:2.1rem;
	}
	70%{
		transform: rotate(4deg);
		bottom: 1.15rem;
	}
	100%{
		transform: rotate(6deg);
		bottom: 1.1rem;
	}
}
@-webkit-keyframes xuanzhuan_donghua4{
	0%{
		-webkit-transform: rotate(2deg);
		bottom: 2.1rem;
	}
	70%{
		-webkit-transform: rotate(4deg);
		bottom: 1.15rem;
	}
	100%{
		-webkit-transform: rotate(6deg);
		bottom: 1.1rem;
	}
}
/*小车旋转动画5*/
.xuanzhuan_donghua5{
	animation: xuanzhuan_donghua5 2s;
	-webkit-animation: xuanzhuan_donghua5 2s;
}
@keyframes xuanzhuan_donghua5{
	0%{
		transform: rotate(6deg);
	}
	50%{
		transform: rotate(4deg);
	}
	100%{
		transform: rotate(-2deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua5{
	0%{
		-webkit-transform: rotate(6deg);
	}
	50%{
		-webkit-transform: rotate(4deg);
	}
	100%{
		-webkit-transform: rotate(-2deg);
	}
}
/*小车旋转动画6*/
.xuanzhuan_donghua6{
	animation: xuanzhuan_donghua6 2s;
	-webkit-animation: xuanzhuan_donghua6 2s
}
@keyframes xuanzhuan_donghua6{
	from{
		transform: rotate(-8deg);
	}
	to{
		transform: rotate(0deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua6{
	from{
		-webkit-transform: rotate(-8deg);
	}
	to{
		-webkit-transform: rotate(0deg);
	}
}
/*小车旋转动画7*/
.xuanzhuan_donghua7{
	animation: xuanzhuan_donghua7 2s;
	-webkit-animation: xuanzhuan_donghua7 2s
}
@keyframes xuanzhuan_donghua7{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(-4deg);
	}
	100%{
		transform: rotate(-8deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua7{
	0%{
		-webkit-transform: rotate(0deg);
	}
	50%{
		-webkit-transform: rotate(-4deg);
	}
	100%{
		-webkit-transform: rotate(-8deg);
	}
}
/*小车旋转动画8*/
.xuanzhuan_donghua8{
	animation: xuanzhuan_donghua8 2s;
	-webkit-animation: xuanzhuan_donghua8 2s
}
@keyframes xuanzhuan_donghua8{
	from{
		transform: rotate(-8deg);
	}
	to{
		transform: rotate(-10deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua8{
	from{
		-webkit-transform: rotate(-8deg);
	}
	to{
		-webkit-transform: rotate(-10deg);
	}
}
/*小车旋转动画9*/
.xuanzhuan_donghua9{
	animation: xuanzhuan_donghua9 2s;
	-webkit-animation: xuanzhuan_donghua9 2s
}
@keyframes xuanzhuan_donghua9{
	0%{
		transform: rotate(-10deg);
		bottom: 2.3rem;
	}
	50%{
		transform: rotate(0deg);
		bottom: 2.5rem;
	}
	100%{
		transform: rotate(4deg);
		bottom: 2.4rem;
	}
}
@-webkit-keyframes xuanzhuan_donghua9{
	0%{
		-webkit-transform: rotate(-10deg);
		bottom: 2.3rem;
	}
	50%{
		-webkit-transform: rotate(0deg);
		bottom: 2.5rem;
	}
	100%{
		-webkit-transform: rotate(4deg);
		bottom: 2.4rem;
	}
}
/*小车旋转动画10*/
.xuanzhuan_donghua10{
	animation: xuanzhuan_donghua10 2s;
	-webkit-animation: xuanzhuan_donghua10 2s
}
@keyframes xuanzhuan_donghua10{
	0%{
		transform: rotate(4deg);
	}
	50%{
		transform: rotate(5deg);
	}
	100%{
		transform: rotate(6deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua10{
	0%{
		-webkit-transform: rotate(4deg);
	}
	50%{
		-webkit-transform: rotate(5deg);
	}
	100%{
		-webkit-transform: rotate(6deg);
	}
}
/*小车旋转动画11*/
.xuanzhuan_donghua11{
	animation: xuanzhuan_donghua11 2s;
	-webkit-animation: xuanzhuan_donghua11 2s
}
@keyframes xuanzhuan_donghua11{
	0%{
		transform: rotate(6deg);
	}
	50%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(-4deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua11{
	0%{
		-webkit-transform: rotate(6deg);
	}
	50%{
		-webkit-transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(-4deg);
	}
}
/*小车旋转动画12*/
.xuanzhuan_donghua12{
	animation: xuanzhuan_donghua12 2s;
	-webkit-animation: xuanzhuan_donghua12 2s
}
@keyframes xuanzhuan_donghua12{
	from{
		transform: rotate(-4deg);
	}
	to{
		transform: rotate(-6deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua12{
	from{
		-webkit-transform: rotate(-4deg);
	}
	to{
		-webkit-transform: rotate(-6deg);
	}
}
/*小车旋转动画13*/
.xuanzhuan_donghua13{
	animation: xuanzhuan_donghua13 2s;
	-webkit-animation: xuanzhuan_donghua13 2s
}
@keyframes xuanzhuan_donghua13{
	0%{
		transform: rotate(-6deg);
	}
	50%{
		transform: rotate(0deg);
		bottom: 1.8rem;
	}
	100%{
		transform: rotate(2deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua13{
	0%{
		-webkit-transform: rotate(-6deg);
	}
	50%{
		-webkit-transform: rotate(0deg);
		bottom: 1.8rem;
	}
	100%{
		-webkit-transform: rotate(2deg);
	}
}
/*小车旋转动画14*/
.xuanzhuan_donghua14{
	animation: xuanzhuan_donghua14 2s;
	-webkit-animation: xuanzhuan_donghua14 2s
}
@keyframes xuanzhuan_donghua14{
	from{
		transform: rotate(2deg);
	}
	to{
		transform: rotate(4deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua14{
	from{
		-webkit-transform: rotate(2deg);
	}
	to{
		-webkit-transform: rotate(4deg);
	}
}
/*小车旋转动画15*/
.xuanzhuan_donghua15{

	animation:xuanzhuan_donghua15 2s;
	-webkit-animation: xuanzhuan_donghua15 2s
}
@keyframes xuanzhuan_donghua15{
	0%{
		transform: rotate(4deg);
	}
	70%{
		transform: rotate(0deg);
		bottom: 1.18rem;
	}
	100%{
		transform: rotate(-2deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua15{
	0%{
		-webkit-transform: rotate(4deg);
	}
	70%{
		-webkit-transform: rotate(0deg);
		bottom: 1.18rem;
	}
	100%{
		-webkit-transform: rotate(-2deg);
	}
}
/*小车旋转动画16*/
.xuanzhuan_donghua16{
	animation: xuanzhuan_donghua16 2s;
	-webkit-animation: xuanzhuan_donghua16 2s
}
@keyframes xuanzhuan_donghua16{
	0%{
		transform: rotate(-2deg);
	}
	50%{
		transform: rotate(-4deg);
	}
	100%{
		transform: rotate(-6deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua16{
	0%{
		-webkit-transform: rotate(-2deg);
	}
	50%{
		-webkit-transform: rotate(-4deg);
	}
	100%{
		-webkit-transform: rotate(-6deg);
	}
}
/*小车旋转动画17*/
.xuanzhuan_donghua17{
	animation: xuanzhuan_donghua17 2s;
	-webkit-animation: xuanzhuan_donghua17 2s
}
@keyframes xuanzhuan_donghua17{
	0%{
		transform: rotate(-6deg);
	}
	50%{
		transform: rotate(-3deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua17{
	0%{
		-webkit-transform: rotate(-6deg);
	}
	50%{
		-webkit-transform: rotate(-3deg);
	}
	100%{
		-webkit-transform: rotate(0deg);
	}
}
/*小车旋转动画18*/
.xuanzhuan_donghua18{
	animation: xuanzhuan_donghua18 2s;
	-webkit-animation: xuanzhuan_donghua18 2s
}
@keyframes xuanzhuan_donghua18{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(2deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua18{
	from{
		-webkit-transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(2deg);
	}
}
/*小车旋转动画19*/
.xuanzhuan_donghua19{
	animation: xuanzhuan_donghua19 1.5s;
	-webkit-animation: xuanzhuan_donghua19 1.5s
}
@keyframes xuanzhuan_donghua19{
	0%{
		transform: rotate(2deg);
	}
	80%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(-3deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua19{
	0%{
		-webkit-transform: rotate(2deg);
	}
	80%{
		-webkit-transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(-3deg);
	}
}
/*小车旋转动画19*/
.xuanzhuan_donghua20{
	animation: xuanzhuan_donghua20 2s;
	-webkit-animation: xuanzhuan_donghua20 2s
}
@keyframes xuanzhuan_donghua20{
	from{
		transform: rotate(-3deg);
	}
	to{
		transform: rotate(0deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua20{
	from{
		-webkit-transform: rotate(-3deg);
	}
	to{
		-webkit-transform: rotate(0deg);
	}
}



/*下面是返回动画*/
/*小车旋转动画-1*/
.xuanzhuan_donghua-1{
	animation: xuanzhuan_donghua-1 2s;
	-webkit-animation: xuanzhuan_donghua-1 2s;
}
@keyframes xuanzhuan_donghua-1{
	from{
		transform: rotate(-1deg);
	}
	to{
		transform: rotate(-4deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-1{
	from{
		-webkit-transform: rotate(-1deg);
	}
	to{
		-webkit-transform: rotate(-4deg);
	}
}
/*小车旋转动画-2*/
.xuanzhuan_donghua-2{
	animation: xuanzhuan_donghua-2 2s;
	-webkit-animation: xuanzhuan_donghua-2 2s
}
@keyframes xuanzhuan_donghua-2{
	from{
		transform: rotate(2deg);
	}
	to{
		transform: rotate(-1deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-2{
	from{
		-webkit-transform: rotate(2deg);
	}
	to{
		-webkit-transform: rotate(-1deg);
	}
}
/*小车旋转动画-3*/
.xuanzhuan_donghua-3{
	animation: xuanzhuan_donghua-3 2s;
	-webkit-animation: xuanzhuan_donghua-3 2s
}
@keyframes xuanzhuan_donghua-3{
	0%{
		transform: rotate(6deg);
	}
	50%{
		transform: rotate(4deg);
	}
	100%{
		transform: rotate(2deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-3{
	0%{
		-webkit-transform: rotate(6deg);
	}
	50%{
		-webkit-transform: rotate(4deg);
	}
	100%{
		-webkit-transform: rotate(2deg);
	}
}
/*小车旋转动画-4*/
.xuanzhuan_donghua-4{
	animation: xuanzhuan_donghua-4 2s;
	-webkit-animation: xuanzhuan_donghua-4 2s
}
@keyframes xuanzhuan_donghua-4{
	0%{
		transform: rotate(6deg);
		bottom: 1rem;
	}
	50%{
		transform: rotate(6deg);
		bottom: 1.2rem;
	}
	100%{
		transform: rotate(6deg);
		bottom: 1.9rem;
	}
}
@-webkit-keyframes xuanzhuan_donghua-4{
	0%{
		-webkit-transform: rotate(6deg);
		bottom: 1rem;
	}
	50%{
		-webkit-transform: rotate(6deg);
		bottom: 1.2rem;
	}
	100%{
		-webkit-transform: rotate(6deg);
		bottom: 1.9rem;
	}
}

.xuanzhuan_donghua-4-1{
	animation: xuanzhuan_donghua-4-1 2s;
	-webkit-animation: xuanzhuan_donghua-4-1 2s
}
@keyframes xuanzhuan_donghua-4{
	0%{
		transform: rotate(-2deg);
	}
	50%{
		transform: rotate(2deg);
	}
	100%{
		transform: rotate(6deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-4{
	0%{
		-webkit-transform: rotate(-2deg);
	}
	50%{
		-webkit-transform: rotate(2deg);
	}
	100%{
		-webkit-transform: rotate(6deg);
	}
}

/*小车旋转动画-6*/
.xuanzhuan_donghua-6{
	animation: xuanzhuan_donghua-6 2s;
	-webkit-animation: xuanzhuan_donghua-6 2s
}
@keyframes xuanzhuan_donghua-6{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(-2deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-6{
	from{
		-webkit-transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(-2deg);
	}
}
/*小车旋转动画-7*/
.xuanzhuan_donghua-7{
	animation: xuanzhuan_donghua-7 2s;
	-webkit-animation: xuanzhuan_donghua-7 2s
}
@keyframes xuanzhuan_donghua-7{
	0%{
		transform: rotate(-8deg);
	}
	50%{
		transform: rotate(-4deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-7{
	0%{
		-webkit-transform: rotate(-8deg);
	}
	50%{
		-webkit-transform: rotate(-4deg);
	}
	100%{
		-webkit-transform: rotate(0deg);
	}
}
/*小车旋转动画-7*/
.xuanzhuan_donghua-8{
	animation: xuanzhuan_donghua-8 2s;
	-webkit-animation: xuanzhuan_donghua-8 2s
}
@keyframes xuanzhuan_donghua-8{
	from{
		transform: rotate(-10deg);
	}
	to{
		transform: rotate(-8deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-8{
	from{
		-webkit-transform: rotate(-10deg);
	}
	to{
		-webkit-transform: rotate(-8deg);
	}
}
/*小车旋转动画-9*/
.xuanzhuan_donghua-9{
	animation: xuanzhuan_donghua-9 2s;
	-webkit-animation: xuanzhuan_donghua-9 2s
}
@keyframes xuanzhuan_donghua-9{
	0%{
		transform: rotate(4deg);
		bottom: 2.4rem;
	}
	30%{
		transform: rotate(-2deg);
		bottom: 2.6rem;
	}
	60%{
		transform: rotate(-2deg);
		bottom: 2.4rem;
	}
	100%{
		transform: rotate(-10deg);
		bottom: 2.1rem;
	}
}
@-webkit-keyframes xuanzhuan_donghua-9{
	0%{
		-webkit-transform: rotate(4deg);
		bottom: 2.4rem;
	}
	30%{
		-webkit-transform: rotate(-2deg);
		bottom: 2.6rem;
	}
	60%{
		-webkit-transform: rotate(-2deg);
		bottom: 2.4rem;
	}
	100%{
		-webkit-transform: rotate(-10deg);
		bottom: 2.1rem;
	}
}
/*小车旋转动画-10*/
.xuanzhuan_donghua-10{
	animation: xuanzhuan_donghua-24 2s;
	-webkit-animation: xuanzhuan_donghua-10 2s
}
@keyframes xuanzhuan_donghua-10{
	0%{
		transform: rotate(6deg);
	}
	50%{
		transform: rotate(5deg);
	}
	100%{
		transform: rotate(4deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-10{
	0%{
		-webkit-transform: rotate(6deg);
	}
	50%{
		-webkit-transform: rotate(5deg);
	}
	100%{
		-webkit-transform: rotate(4deg);
	}
}
/*小车旋转动画-11*/
.xuanzhuan_donghua-11{
	animation: xuanzhuan_donghua-11 2s;
	-webkit-animation: xuanzhuan_donghua-11 2s;
}
@keyframes xuanzhuan_donghua-11{
	from{
		transform: rotate(-4deg);
	}
	to{
		transform: rotate(6deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-11{
	from{
		-webkit-transform: rotate(-4deg);
	}
	to{
		-webkit-transform: rotate(6deg);
	}
}
/*小车旋转动画-12*/
.xuanzhuan_donghua-12{
	animation: xuanzhuan_donghua-12 2s;
	-webkit-animation: xuanzhuan_donghua-12 2s
}
@keyframes xuanzhuan_donghua-12{
	from{
		transform: rotate(-6deg);
	}
	to{
		transform: rotate(-4deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-12{
	from{
		-webkit-transform: rotate(-6deg);
	}
	to{
		-webkit-transform: rotate(-4deg);
	}
}
/*小车旋转动画-13*/
.xuanzhuan_donghua-13{
	animation: xuanzhuan_donghua-13 3s;
	-webkit-animation: xuanzhuan_donghua-13 3s
}
@keyframes xuanzhuan_donghua-13{
	0%{
		transform: rotate(2deg);
		bottom: 1.7rem;
	}
	50%{
		transform: rotate(-2deg);
		bottom: 1.65rem;
	}
	100%{
		transform: rotate(-6deg);
		bottom: 1.6rem;
	}
}
@-webkit-keyframes xuanzhuan_donghua-13{
	0%{
		-webkit-transform: rotate(2deg);
		bottom: 1.7rem;
	}
	50%{
		-webkit-transform: rotate(-2deg);
		bottom: 1.65rem;
	}
	100%{
		-webkit-transform: rotate(-6deg);
		bottom: 1.6rem;
	}
}
/*小车旋转动画-13_1*/
.xuanzhuan_donghua-13_1{
	animation: xuanzhuan_donghua-13_1 4s;
	-webkit-animation: xuanzhuan_donghua-13_1 4s
}
@keyframes xuanzhuan_donghua-13_1{
	0%{
		transform: rotate(4deg);
	}
	50%{
		transform: rotate(3deg);
	}
	100%{
		transform: rotate(2deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-13_1{
	0%{
		-webkit-transform: rotate(4deg);
	}
	50%{
		-webkit-transform: rotate(3deg);
	}
	100%{
		-webkit-transform: rotate(2deg);
	}
}
/*小车旋转动画-15*/
.xuanzhuan_donghua-15{
	animation: xuanzhuan_donghua-15 2s;
	-webkit-animation: xuanzhuan_donghua-15 2s
}
@keyframes xuanzhuan_donghua-15{
	0%{
		transform: rotate(-6deg);
	}
	50%{
		transform: rotate(0deg);
		bottom: 1.1rem;
	}
	100%{
		transform: rotate(4deg);
		bottom: 1.4rem;
	}
}
@-webkit-keyframes xuanzhuan_donghua-15{
	0%{
		-webkit-transform: rotate(-6deg);
	}
	50%{
		-webkit-transform: rotate(0deg);
		bottom: 1.1rem;
	}
	100%{
		-webkit-transform: rotate(4deg);
		bottom: 1.4rem;
	}
}
/*小车旋转动画-16_1*/
.xuanzhuan_donghua-16_1{
	animation: xuanzhuan_donghua-16_1 2s;
	-webkit-animation: xuanzhuan_donghua-16_1 2s
}
@keyframes xuanzhuan_donghua-16_1{
	0%{
		transform: rotate(-6deg);
	}
	50%{
		transform: rotate(-4deg);
	}
	100%{
		transform: rotate(-2deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-16_1{
	0%{
		-webkit-transform: rotate(-6deg);
	}
	50%{
		-webkit-transform: rotate(-4deg);
	}
	100%{
		-webkit-transform: rotate(-2deg);
	}
}
/*小车旋转动画-16*/
.xuanzhuan_donghua-16{
	animation: xuanzhuan_donghua-16 2s;
	-webkit-animation: xuanzhuan_donghua-16 2s
}
@keyframes xuanzhuan_donghua-16{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(-3deg);
	}
	100%{
		transform: rotate(-6deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-16{
	0%{
		-webkit-transform: rotate(0deg);
	}
	50%{
		-webkit-transform: rotate(-3deg);
	}
	100%{
		-webkit-transform: rotate(-6deg);
	}
}
/*小车旋转动画-17*/
.xuanzhuan_donghua-17{
	animation: xuanzhuan_donghua-17 2s;
	-webkit-animation: xuanzhuan_donghua-17 2s
}
@keyframes xuanzhuan_donghua-17{
	from{
		transform: rotate(2deg);
	}
	50%{
		transform: rotate(1deg);
	}
	to{
		transform: rotate(0deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-17{
	0%{
		-webkit-transform: rotate(2deg);
	}
	50%{
		-webkit-transform: rotate(1deg);
	}
	100%{
		-webkit-transform: rotate(0deg);
	}
}
/*小车旋转动画-18*/
.xuanzhuan_donghua-18{
	animation: xuanzhuan_donghua-18 2s;
	-webkit-animation: xuanzhuan_donghua-18 2s
}
@keyframes xuanzhuan_donghua-18{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(2deg);
	}
	100%{
		transform: rotate(2deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-18{
	0%{
		-webkit-transform: rotate(0deg);
	}
	50%{
		-webkit-transform: rotate(2deg);
	}
	100%{
		-webkit-transform: rotate(2deg);
	}
}
/*小车旋转动画-19*/
.xuanzhuan_donghua-19{
	animation: xuanzhuan_donghua-19 6s;
	-webkit-animation: xuanzhuan_donghua-19 6s
}
@keyframes xuanzhuan_donghua-19{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(-1deg);
	}
	100%{
		transform: rotate(-3deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-19{
	0%{
		-webkit-transform: rotate(0deg);
	}
	50%{
		-webkit-transform: rotate(-1deg);
	}
	100%{
		-webkit-transform: rotate(-3deg);
	}
}
/*小车旋转动画-20*/
.xuanzhuan_donghua-20{
	animation: xuanzhuan_donghua-20 2s;
	-webkit-animation: xuanzhuan_donghua-20 2s;
}
@keyframes xuanzhuan_donghua-20{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(0deg);
	}
}
@-webkit-keyframes xuanzhuan_donghua-20{
	from{
		-webkit-transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(0deg);
	}
}

/*2016/12/20*/
/*底部导航样式*/
.footer_nav{ position: absolute; left: 50%; bottom: 6%; margin-left: -4.11rem; display: inline-block; width: 8.22rem;}
.footer_nav a{ font-size: 0.16rem; display: block;line-height: 0.32rem; }
.footer_nav li{ float: left;/* margin-left: 0.26rem;*/ padding: 0.02rem 0.04rem; text-align: center;
	/*width: 0.72rem;*/ height: 0.32rem}
.footer_nav li:first-child{ /*margin-left: 0*/}
.clear{ clear: both}
.footer_nav_on{ color: white;background-color: #00A48B; border-radius: 0.06rem;}
.footer_nav_line{ height: 1px; width: 7.4rem;/*background-color: #3E3A39;*/position: absolute; left: 50%; margin-left: -3.7rem;
 bottom: 0.35rem;}
.circle{ position: relative; height: 1px}
.circle li{ cursor: pointer;}
.circle_single{ display: inline-block; width: 0.16rem; height: 0.16rem; border-radius: 0.08rem;-webkit-border-radius: 0.08rem; background-color: #3E3A39; position: absolute;
 z-index: 100;}
/*.circle_single:hover{background-color:#00A48B}*/
.circle li:first-child{ left: 0rem; top:-0.08rem;}
.circle li:nth-child(2){ left:1rem; top:-0.08rem;}
.circle li:nth-child(3){ left:2rem; top:-0.08rem;}
.circle li:nth-child(4){ left:3.1rem; top:-0.08rem;}
.circle li:nth-child(5){ left:4.15rem; top:-0.08rem;}
.circle li:nth-child(6){ left:5.2rem; top:-0.08rem;}
.circle li:nth-child(7){ left:6.25rem; top:-0.08rem;}
.circle li:nth-child(8){ left:7.3rem; top:-0.08rem;}
.circle_on{ background-color: #00A48B}
.zjb{position: absolute; width:2.4rem;background-color: #3E3A39; height: 1px; left: 2.4rem;z-index: 11;}
/*首页人物大小*/
.people_set{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);transform:scale(0.5);}
.smallcar_on{ width: 4.5rem; height: 1.65rem; background-image: url('../images/car.png'); -webkit-transform-origin:"50% 100%"; opacity: 1}
.smallcar2_on{background-image: url("../images/car1.png");}
.smallcar3_on{ width: 1.97rem; height: 0.75rem; background-image: url("../images/smallcar1.png");}
.smallcar4_on{width: 1.96rem; height: 1.29rem; background-image: url('../images/smallcar2.png');}
.smallcar5_on{width: 1.96rem; height: 1.29rem; background-image: url('../images/smallcar3.png');}
.smoke_on{ left: 3.5rem;}
.smoke2_on{ left: 3.5rem;}
.sw_on{ top: -0.4rem;}
.sw0_on{ top: -0.5rem;}
.sw1_on{-webkit-transform:scale(0.22);-moz-transform:scale(0.22);transform:scale(0.22); left: 0.87rem; top: -1.05rem}
.sw2_on{-webkit-transform:scale(0.32);-moz-transform:scale(0.32);transform:scale(0.32); left: 0.3rem; top: -1.08rem}
.sw3_on{-webkit-transform:scale(0.18);-moz-transform:scale(0.18);transform:scale(0.18); left: -0.24rem; top: -1.04rem}
.sw4_on{-webkit-transform:scale(0.18);-moz-transform:scale(0.18);transform:scale(0.18); left: -0.65rem; top: -1.04rem}

.sw5_on{-webkit-transform:scale(0.22);-moz-transform:scale(0.22);transform:scale(0.22); left: 0.87rem; top: -0.37rem}
.sw6_on{-webkit-transform:scale(0.32);-moz-transform:scale(0.32);transform:scale(0.32); left: 0.3rem; top: -0.4rem}
.sw7_on{-webkit-transform:scale(0.18);-moz-transform:scale(0.18);transform:scale(0.18); left: -0.24rem; top: -0.34rem}
.sw8_on{-webkit-transform:scale(0.18);-moz-transform:scale(0.18);transform:scale(0.18); left: -0.65rem; top: -0.34rem}

.sw9_on{ left: 1.57rem; top: -0.4rem}
.sw10_on{ left: 0.95rem; top: -0.54rem}
.sw11_on{ left: 0.53rem; top: -0.37rem}
.sw12_on{ left: 0.09rem; top: -0.37rem}

.sw13_on{ width: 1.71rem; height: 1.63rem;background-image: url('../images/wheel1.png');transform:scale(0.5);
-webkit-transform:scale(0.5); left: 3.1rem; top:-0.2rem;}
.sw14_on{ width: 1.71rem; height: 1.63rem;background-image: url('../images/wheel1.png');transform:scale(0.64);
-webkit-transform:scale(0.64); left: 1.77rem; top:-0.4rem;}
.sw15_on{ width: 1.71rem; height: 1.63rem;background-image: url('../images/wheel1.png');transform:scale(0.41);
-webkit-transform:scale(0.41); left: 0.6rem; top:-0.13rem;}
.sw16_on{ width: 1.71rem; height: 1.63rem;background-image: url('../images/wheel1.png');transform:scale(0.41);
-webkit-transform:scale(0.41); left: -0.4rem; top:-0.13rem;}

@media screen (min-width: 800px){
.beizi{bottom: 1rem;}
}
/*2017/2/21*/
.go2{ width: 1.68rem; height: 1.21rem; position: absolute; left: 12rem; top:40%;}
.go2_off{ display: none}
.go2_on{animation:gomove 0.4s infinite;-webkit-animation:gomove 0.4s infinite;}
@keyframes gomove{
	from{transform:translateY(0px);-webkit-transform:translateY(0px);opacity: 0.4}
	to{transform:translateY(1px);-webkit-transform:translateY(1px);opacity: 0.9}
}
.carsong_on{opacity: 0; left: 29rem; bottom: 0.6rem; /*transition-duration: 2s;
-webkit-transition-duration: 2s;*/}

/*2017/2/28*/
.small_set_car_on{opacity: 1;width: 4.5rem; height: 1.65rem; background-image: url('../images/car.png');}
.small_set_w1_on{ width: 1.71rem; height: 1.63rem; background-image: url('../images/wheel1.png');
transform:scale(0.5);-webkit-transform:scale(0.5); left: 3.1rem; top: -0.2rem;}
.small_set_w2_on{ width: 1.71rem; height: 1.63rem; background-image: url('../images/wheel1.png');
transform:scale(0.64);-webkit-transform:scale(0.64); left:1.77rem; top: -0.4rem;}
.small_set_w3_on{ width: 1.71rem; height: 1.63rem; background-image: url('../images/wheel1.png');
transform:scale(0.41);-webkit-transform:scale(0.41); left:0.6rem; top: -0.13rem;}
.small_set_w4_on{ width: 1.71rem; height: 1.63rem; background-image: url('../images/wheel1.png');
transform:scale(0.41);-webkit-transform:scale(0.41); left:-0.4rem; top: -0.13rem;}